improve responsiveness

src/app/pages/publications/publications.page.scss

@@ -1,3 +1,5 @@
+@import '~src/function.scss';
+
 @media only screen and (min-width: 100px) {
   :host{
     font-size: 14px;
@@ -6,7 +8,7 @@
 
 @media only screen and (min-width: 500px) {
   :host{
-    font-size: 16px;
+    font-size: rem(16);
   }
 }
 
@@ -32,7 +34,7 @@ ion-toolbar{
     border: 0!important;
 
     .div-search{
-      font-size: 45px;
+      font-size: rem(45);
       float: left;
       margin: 0 0 0 10px
     }
@@ -46,7 +48,7 @@ ion-toolbar{
       width: 100%;
     }
     .div-profile{
-      font-size: 45px;
+      font-size: rem(45);
       float: right;
       margin-right: 10px;
     }
@@ -75,9 +77,9 @@ ion-toolbar{
     }
     .div-icon{
       display: flex;
-      /* width: 45px;
+      /* width: rem(45);
       float: right; */
-      font-size: 35px;
+      font-size: rem(35);
       padding: 0 !important;
       align-items: center;
       justify-content: flex-end;
@@ -124,9 +126,9 @@ ion-toolbar{
 
     .item-icon{
       //margin-top: 28px;
-      width: 45px;
+      width: rem(45);
       float: left;
-      font-size: 40px;
+      font-size: rem(40);
 
       .item-icon ion-icon{
         color: #061b52;
@@ -161,14 +163,14 @@ ion-toolbar{
       }
       .item-content-detail{
         color: #000000;
-        font-size: 13px;
+        font-size: rem(15);
         margin: 0 !important;
         padding: 0 !important;
       }
       .item-options{
         color: var(--box-hover-background-color);
-        width: 25px;
-        font-size: 20px;
+        width: rem(25);
+        font-size: rem(20);
       }
       .item-content-date-active, .item-content-title-active, .item-content-detail-active{
         color: #fff;
@@ -220,14 +222,14 @@ ion-toolbar{
 
   .edit{
     padding: 6px;
-    font-size: 35px;
+    font-size: rem(35);
     color:#061b52;
     border-radius: 20px;
     margin: 7px;
   }
   .delete{
     padding: 7px;
-    font-size: 21px;
+    font-size: rem(21);
     color:#d30a0a;
     border-radius: 20px;
     margin: 12px;