@natec/mef-dev-ui-kit 0.0.4 → 0.0.5

package/src/lib/styles/fonts.scss

@@ -75,6 +75,190 @@
 /*#endregion Lato*/
 
 /*#region img-font*/  
+@font-face {
+    font-family: 'icomoon';
+    src:  url('fonts/main-img-font/icomoon.eot?97jr4n');
+    src:  url('fonts/main-img-font/icomoon.eot?97jr4n#iefix') format('embedded-opentype'),
+      url('fonts/main-img-font/icomoon.ttf?97jr4n') format('truetype'),
+      url('fonts/main-img-font/icomoon.woff?97jr4n') format('woff'),
+      url('fonts/main-img-font/icomoon.svg?97jr4n#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: block;
+  }
+  
+  [class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'icomoon' !important;
+    speak: never;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+  
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  
+  .icon-info-light:before {
+    content: "\e90d";
+  }
+  .icon-connector:before {
+    content: "\e90e";
+  }
+  .icon-information:before {
+    content: "\e90f";
+  }
+  .icon-plugin:before {
+    content: "\e910";
+  }
+  .icon-check-connector:before {
+    content: "\e911";
+  }
+  .icon-computer:before {
+    content: "\e913";
+  }
+  .icon-trash-light:before {
+    content: "\e915";
+  }
+  .icon-ok:before {
+    content: "\e917";
+    color: #28b446;
+  }
+  .icon-calendar:before {
+    content: "\e919";
+  }
+  .icon-guard:before {
+    content: "\e91f";
+  }
+  .icon-tenant:before {
+    content: "\e922";
+  }
+  .icon-nok:before {
+    content: "\e923";
+  }
+  .icon-lock .path1:before {
+    content: "\e924";
+    color: rgb(234, 234, 234);
+  }
+  .icon-lock .path2:before {
+    content: "\e925";
+    margin-left: -1.158203125em;
+    color: rgb(55, 55, 55);
+  }
+  .icon-unlock .path1:before {
+    content: "\e926";
+  }
+  .icon-unlock .path2:before {
+    content: "\e927";
+    margin-left: -1.2109375em;
+  }
+  .icon-logout:before {
+    content: "\e90b";
+  }
+  .icon-unchecked:before {
+    content: "\e90a";
+  }
+  .icon-notification .path1:before {
+    content: "\e902";
+  }
+  .icon-notification .path2:before {
+    content: "\e903";
+    margin-left: -1em;
+  }
+  .icon-notification .path3:before {
+    content: "\e904";
+    margin-left: -1em;
+  }
+  .icon-notification .path4:before {
+    content: "\e905";
+    margin-left: -1em;
+  }
+  .icon-setings .path1:before {
+    content: "\e908";
+  }
+  .icon-setings .path2:before {
+    content: "\e909";
+    margin-left: -1em;
+  }
+  .icon-person:before {
+    content: "\e90c";
+  }
+  .icon-persons:before {
+    content: "\e912";
+  }
+  .icon-configuration:before {
+    content: "\e914";
+  }
+  .icon-support:before {
+    content: "\e916";
+  }
+  .icon-log:before {
+    content: "\e918";
+  }
+  .icon-msg_popup:before {
+    content: "\e91a";
+  }
+  .icon-protect:before {
+    content: "\e91b";
+  }
+  .icon-keys:before {
+    content: "\e91c";
+  }
+  .icon-info:before {
+    content: "\e91d";
+  }
+  .icon-tenats:before {
+    content: "\e91e";
+  }
+  .icon-profile:before {
+    content: "\e921";
+  }
+  .icon-msg:before {
+    content: "\e928";
+  }
+  .icon-arrow:before {
+    content: "\e929";
+  }
+  .icon-warning:before {
+    content: "\e92a";
+  }
+  .icon-messages:before {
+    content: "\e92b";
+  }
+  .icon-pause:before {
+    content: "\e92c";
+  }
+  .icon-play:before {
+    content: "\e92e";
+  }
+  .icon-store:before {
+    content: "\e930";
+  }
+  .icon-trash:before {
+    content: "\e931";
+  }
+  .icon-edit:before {
+    content: "\e932";
+  }
+  .icon-checked:before {
+    content: "\e933";
+  }
+  .icon-bell .path1:before {
+    content: "\e936";
+  }
+  .icon-bell .path2:before {
+    content: "\e937";
+    margin-left: -0.9658203125em;
+  }
+  .icon-bell .path3:before {
+    content: "\e938";
+    margin-left: -0.9658203125em;
+  }
+  
+  /*#endregion img-font*/
 
 .h1, h1 {
     font-family: montserrat-bold;

package/src/lib/styles/pg/icons.scss

@@ -3,11 +3,11 @@ Pages Icons
 ------------------------------------------------------------------ */
 @font-face {
 	font-family: 'pages-icon';
-	src:url('fonts/pages-icon/Pages-icon.eot?-u69vo5');
-	src:url('fonts/pages-icon/Pages-icon.eot?#iefix-u69vo5') format('embedded-opentype'),
-		url('fonts/pages-icon/Pages-icon.woff?-u69vo5') format('woff'),
-		url('fonts/pages-icon/Pages-icon.ttf?-u69vo5') format('truetype'),
-		url('fonts/pages-icon/Pages-icon.svg?-u69vo5#Pages-icon') format('svg');
+	src:url('../fonts/pgicon/Pages-icon.eot?-u69vo5');
+	src:url('../fonts/pgicon/Pages-icon.eot?#iefix-u69vo5') format('embedded-opentype'),
+		url('../fonts/pgicon/Pages-icon.woff?-u69vo5') format('woff'),
+		url('../fonts/pgicon/Pages-icon.ttf?-u69vo5') format('truetype'),
+		url('../fonts/pgicon/Pages-icon.svg?-u69vo5#Pages-icon') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }