@koobiq/icons 7.1.0 → 7.1.2

package/dist/fonts/mc-icons.scss

@@ -2,370 +2,543 @@
 font-family: "PT Mosaic Icons";
 font-weight:normal;
 font-style:normal;
-src: url("./mc-icons.ttf?e8b794fcdc13cb9b03ea73d526850d3a") format("truetype"),
-url("./mc-icons.woff?e8b794fcdc13cb9b03ea73d526850d3a") format("woff");
+src: url("./mc-icons.ttf?89f2d12f78345d4733f735ad86db2631") format("truetype"),
+url("./mc-icons.woff?89f2d12f78345d4733f735ad86db2631") format("woff");
 }
 
 .mc {
 font-family: "PT Mosaic Icons";
-display: inline-block;
+display:inline-block;
 vertical-align:middle;
 line-height:1;
 font-weight:normal;
 font-style:normal;
 speak:none;
-text-decoration: none;
+text-decoration:inherit;
 text-transform:none;
 text-rendering:auto;
--webkit-font-smoothing: antialiased;
--moz-osx-font-smoothing: grayscale;
+-webkit-font-smoothing:antialiased;
+-moz-osx-font-smoothing:grayscale;
+transform:rotate(0.001deg);
 }
 
 /*---------------------
 *  Icons
 *-------------------*/
 
-    .mc-angle-down-L_16:before {
-        content: "\f101";
+    .mc-angle-down-L_16 {
         font-size: 16px;
+        &:before {
+            content: "\f101";
+        }
     }
-    .mc-angle-down-M_16:before {
-        content: "\f102";
+    .mc-angle-down-M_16 {
         font-size: 16px;
+        &:before {
+            content: "\f102";
+        }
     }
-    .mc-angle-down-S_16:before {
-        content: "\f103";
+    .mc-angle-down-S_16 {
         font-size: 16px;
+        &:before {
+            content: "\f103";
+        }
     }
-    .mc-calendar_16:before {
-        content: "\f104";
+    .mc-calendar_16 {
         font-size: 16px;
+        &:before {
+            content: "\f104";
+        }
     }
-    .mc-check_16:before {
-        content: "\f105";
+    .mc-check_16 {
         font-size: 16px;
+        &:before {
+            content: "\f105";
+        }
     }
-    .mc-circle-8_16:before {
-        content: "\f106";
+    .mc-circle-8_16 {
         font-size: 16px;
+        &:before {
+            content: "\f106";
+        }
     }
-    .mc-clock_16:before {
-        content: "\f107";
+    .mc-clock_16 {
         font-size: 16px;
+        &:before {
+            content: "\f107";
+        }
     }
-    .mc-close-L_16:before {
-        content: "\f108";
+    .mc-close-L_16 {
         font-size: 16px;
+        &:before {
+            content: "\f108";
+        }
     }
-    .mc-close-M_16:before {
-        content: "\f109";
+    .mc-close-M_16 {
         font-size: 16px;
+        &:before {
+            content: "\f109";
+        }
     }
-    .mc-close-S_16:before {
-        content: "\f10a";
+    .mc-close-S_16 {
         font-size: 16px;
+        &:before {
+            content: "\f10a";
+        }
     }
-    .mc-ellipsis_16:before {
-        content: "\f10b";
+    .mc-ellipsis_16 {
         font-size: 16px;
+        &:before {
+            content: "\f10b";
+        }
     }
-    .mc-folder-closed_16:before {
-        content: "\f10c";
+    .mc-folder-closed_16 {
         font-size: 16px;
+        &:before {
+            content: "\f10c";
+        }
     }
-    .mc-folder-opened_16:before {
-        content: "\f10d";
+    .mc-folder-opened_16 {
         font-size: 16px;
+        &:before {
+            content: "\f10d";
+        }
     }
-    .mc-gear_16:before {
-        content: "\f10e";
+    .mc-gear_16 {
         font-size: 16px;
+        &:before {
+            content: "\f10e";
+        }
     }
-    .mc-hamburger_16:before {
-        content: "\f10f";
+    .mc-hamburger_16 {
         font-size: 16px;
+        &:before {
+            content: "\f10f";
+        }
     }
-    .mc-pause_16:before {
-        content: "\f110";
+    .mc-pause_16 {
         font-size: 16px;
+        &:before {
+            content: "\f110";
+        }
     }
-    .mc-play_16:before {
-        content: "\f111";
+    .mc-play_16 {
         font-size: 16px;
+        &:before {
+            content: "\f111";
+        }
     }
-    .mc-stop_16:before {
-        content: "\f112";
+    .mc-stop_16 {
         font-size: 16px;
+        &:before {
+            content: "\f112";
+        }
     }
-    .mc-triangle-down_16:before {
-        content: "\f113";
+    .mc-triangle-down_16 {
         font-size: 16px;
+        &:before {
+            content: "\f113";
+        }
     }
-    .mc-upload-to-cloud_24:before {
-        content: "\f114";
+    .mc-upload-to-cloud_24 {
         font-size: 24px;
+        &:before {
+            content: "\f114";
+        }
     }
-    .mc-upload-to-cloud_64:before {
-        content: "\f115";
+    .mc-upload-to-cloud_64 {
         font-size: 64px;
+        &:before {
+            content: "\f115";
+        }
     }
-    .mc-error_16:before {
-        content: "\f116";
+    .mc-error_16 {
         font-size: 16px;
+        &:before {
+            content: "\f116";
+        }
     }
-    .mc-info_16:before {
-        content: "\f117";
+    .mc-info_16 {
         font-size: 16px;
+        &:before {
+            content: "\f117";
+        }
     }
-    .mc-search_16:before {
-        content: "\f118";
+    .mc-search_16 {
         font-size: 16px;
+        &:before {
+            content: "\f118";
+        }
     }
-    .mc-download_16:before {
-        content: "\f119";
+    .mc-download_16 {
         font-size: 16px;
+        &:before {
+            content: "\f119";
+        }
     }
-    .mc-copy-o_16:before {
-        content: "\f11a";
+    .mc-copy-o_16 {
         font-size: 16px;
+        &:before {
+            content: "\f11a";
+        }
     }
-    .mc-minus_16:before {
-        content: "\f11b";
+    .mc-minus_16 {
         font-size: 16px;
+        &:before {
+            content: "\f11b";
+        }
     }
-    .mc-angle-up-L_16:before {
-        content: "\f11c";
+    .mc-angle-up-L_16 {
         font-size: 16px;
+        &:before {
+            content: "\f11c";
+        }
     }
-    .mc-angle-up-M_16:before {
-        content: "\f11d";
+    .mc-angle-up-M_16 {
         font-size: 16px;
+        &:before {
+            content: "\f11d";
+        }
     }
-    .mc-angle-up-S_16:before {
-        content: "\f11e";
+    .mc-angle-up-S_16 {
         font-size: 16px;
+        &:before {
+            content: "\f11e";
+        }
     }
-    .mc-angle-left-L_16:before {
-        content: "\f11f";
+    .mc-angle-left-L_16 {
         font-size: 16px;
+        &:before {
+            content: "\f11f";
+        }
     }
-    .mc-angle-left-M_16:before {
-        content: "\f120";
+    .mc-angle-left-M_16 {
         font-size: 16px;
+        &:before {
+            content: "\f120";
+        }
     }
-    .mc-angle-left-S_16:before {
-        content: "\f121";
+    .mc-angle-left-S_16 {
         font-size: 16px;
+        &:before {
+            content: "\f121";
+        }
     }
-    .mc-angle-right-L_16:before {
-        content: "\f122";
+    .mc-angle-right-L_16 {
         font-size: 16px;
+        &:before {
+            content: "\f122";
+        }
     }
-    .mc-angle-right-M_16:before {
-        content: "\f123";
+    .mc-angle-right-M_16 {
         font-size: 16px;
+        &:before {
+            content: "\f123";
+        }
     }
-    .mc-angle-right-S_16:before {
-        content: "\f124";
+    .mc-angle-right-S_16 {
         font-size: 16px;
+        &:before {
+            content: "\f124";
+        }
     }
-    .mc-bell_32:before {
-        content: "\f125";
+    .mc-bell_32 {
         font-size: 32px;
+        &:before {
+            content: "\f125";
+        }
     }
-    .mc-hamburger_32:before {
-        content: "\f126";
+    .mc-hamburger_32 {
         font-size: 32px;
+        &:before {
+            content: "\f126";
+        }
     }
-    .mc-close-L_32:before {
-        content: "\f127";
+    .mc-close-L_32 {
         font-size: 32px;
+        &:before {
+            content: "\f127";
+        }
     }
-    .mc-angle-right-M_32:before {
-        content: "\f128";
+    .mc-angle-right-M_32 {
         font-size: 32px;
+        &:before {
+            content: "\f128";
+        }
     }
-    .mc-triangle-up_16:before {
-        content: "\f129";
+    .mc-triangle-up_16 {
         font-size: 16px;
+        &:before {
+            content: "\f129";
+        }
     }
-    .mc-bell-o_16:before {
-        content: "\f12a";
+    .mc-bell-o_16 {
         font-size: 16px;
+        &:before {
+            content: "\f12a";
+        }
     }
-    .mc-bell-off-o_16:before {
-        content: "\f12b";
+    .mc-bell-off-o_16 {
         font-size: 16px;
+        &:before {
+            content: "\f12b";
+        }
     }
-    .mc-download_32:before {
-        content: "\f12c";
+    .mc-download_32 {
         font-size: 32px;
+        &:before {
+            content: "\f12c";
+        }
     }
-    .mc-triangle-left_16:before {
-        content: "\f12d";
+    .mc-triangle-left_16 {
         font-size: 16px;
+        &:before {
+            content: "\f12d";
+        }
     }
-    .mc-triangle-right_16:before {
-        content: "\f12e";
+    .mc-triangle-right_16 {
         font-size: 16px;
+        &:before {
+            content: "\f12e";
+        }
     }
-    .mc-upload-to-cloud_16:before {
-        content: "\f12f";
+    .mc-upload-to-cloud_16 {
         font-size: 16px;
+        &:before {
+            content: "\f12f";
+        }
     }
-    .mc-upload-to-cloud_32:before {
-        content: "\f130";
+    .mc-upload-to-cloud_32 {
         font-size: 32px;
+        &:before {
+            content: "\f130";
+        }
     }
-    .mc-bell_16:before {
-        content: "\f131";
+    .mc-bell_16 {
         font-size: 16px;
+        &:before {
+            content: "\f131";
+        }
     }
-    .mc-copy_16:before {
-        content: "\f132";
+    .mc-copy_16 {
         font-size: 16px;
+        &:before {
+            content: "\f132";
+        }
     }
-    .mc-folder-search_16:before {
-        content: "\f133";
+    .mc-folder-search_16 {
         font-size: 16px;
+        &:before {
+            content: "\f133";
+        }
     }
-    .mc-folder-search-opened_16:before {
-        content: "\f134";
+    .mc-folder-search-opened_16 {
         font-size: 16px;
+        &:before {
+            content: "\f134";
+        }
     }
-    .mc-info-o_16:before {
-        content: "\f135";
+    .mc-info-o_16 {
         font-size: 16px;
+        &:before {
+            content: "\f135";
+        }
     }
-    .mc-close-circle_16:before {
-        content: "\f136";
+    .mc-close-circle_16 {
         font-size: 16px;
+        &:before {
+            content: "\f136";
+        }
     }
-    .mc-bento_16:before {
-        content: "\f137";
+    .mc-bento_16 {
         font-size: 16px;
+        &:before {
+            content: "\f137";
+        }
     }
-    .mc-bento_32:before {
-        content: "\f138";
+    .mc-bento_32 {
         font-size: 32px;
+        &:before {
+            content: "\f138";
+        }
     }
-    .mc-new-tab_16:before {
-        content: "\f139";
+    .mc-new-tab_16 {
         font-size: 16px;
+        &:before {
+            content: "\f139";
+        }
     }
-    .mc-external-link_16:before {
-        content: "\f13a";
+    .mc-external-link_16 {
         font-size: 16px;
+        &:before {
+            content: "\f13a";
+        }
     }
-    .mc-bento_24:before {
-        content: "\f13b";
+    .mc-bento_24 {
         font-size: 24px;
+        &:before {
+            content: "\f13b";
+        }
     }
-    .mc-angle-down-L_24:before {
-        content: "\f13c";
+    .mc-angle-down-L_24 {
         font-size: 24px;
+        &:before {
+            content: "\f13c";
+        }
     }
-    .mc-angle-down-M_24:before {
-        content: "\f13d";
+    .mc-angle-down-M_24 {
         font-size: 24px;
+        &:before {
+            content: "\f13d";
+        }
     }
-    .mc-angle-left-L_24:before {
-        content: "\f13e";
+    .mc-angle-left-L_24 {
         font-size: 24px;
+        &:before {
+            content: "\f13e";
+        }
     }
-    .mc-angle-left-M_24:before {
-        content: "\f13f";
+    .mc-angle-left-M_24 {
         font-size: 24px;
+        &:before {
+            content: "\f13f";
+        }
     }
-    .mc-angle-right-L_24:before {
-        content: "\f140";
+    .mc-angle-right-L_24 {
         font-size: 24px;
+        &:before {
+            content: "\f140";
+        }
     }
-    .mc-angle-right-M_24:before {
-        content: "\f141";
+    .mc-angle-right-M_24 {
         font-size: 24px;
+        &:before {
+            content: "\f141";
+        }
     }
-    .mc-angle-up-L_24:before {
-        content: "\f142";
+    .mc-angle-up-L_24 {
         font-size: 24px;
+        &:before {
+            content: "\f142";
+        }
     }
-    .mc-angle-up-M_24:before {
-        content: "\f143";
+    .mc-angle-up-M_24 {
         font-size: 24px;
+        &:before {
+            content: "\f143";
+        }
     }
-    .mc-bell-o_24:before {
-        content: "\f144";
+    .mc-bell-o_24 {
         font-size: 24px;
+        &:before {
+            content: "\f144";
+        }
     }
-    .mc-chart-bar_24:before {
-        content: "\f145";
+    .mc-chart-bar_24 {
         font-size: 24px;
+        &:before {
+            content: "\f145";
+        }
     }
-    .mc-ellipsis_24:before {
-        content: "\f146";
+    .mc-ellipsis_24 {
         font-size: 24px;
+        &:before {
+            content: "\f146";
+        }
     }
-    .mc-folder-open-o_24:before {
-        content: "\f147";
+    .mc-folder-open-o_24 {
         font-size: 24px;
+        &:before {
+            content: "\f147";
+        }
     }
-    .mc-list_24:before {
-        content: "\f148";
+    .mc-list_24 {
         font-size: 24px;
+        &:before {
+            content: "\f148";
+        }
     }
-    .mc-question-circle_24:before {
-        content: "\f149";
+    .mc-question-circle_24 {
         font-size: 24px;
+        &:before {
+            content: "\f149";
+        }
     }
-    .mc-search_24:before {
-        content: "\f150";
+    .mc-search_24 {
         font-size: 24px;
+        &:before {
+            content: "\f150";
+        }
     }
-    .mc-user-o_24:before {
-        content: "\f151";
+    .mc-user-o_24 {
         font-size: 24px;
+        &:before {
+            content: "\f151";
+        }
     }
-    .mc-user_16:before {
-        content: "\f152";
+    .mc-user_16 {
         font-size: 16px;
+        &:before {
+            content: "\f152";
+        }
     }
-    .mc-eye_16:before {
-        content: "\f153";
+    .mc-eye_16 {
         font-size: 16px;
+        &:before {
+            content: "\f153";
+        }
     }
-    .mc-eye-crossed_16:before {
-        content: "\f154";
+    .mc-eye-crossed_16 {
         font-size: 16px;
+        &:before {
+            content: "\f154";
+        }
     }
-    .mc-color-palette_16:before {
-        content: "\f155";
+    .mc-color-palette_16 {
         font-size: 16px;
+        &:before {
+            content: "\f155";
+        }
     }
-    .mc-globe_16:before {
-        content: "\f156";
+    .mc-globe_16 {
         font-size: 16px;
+        &:before {
+            content: "\f156";
+        }
     }
-    .mc-theme_16:before {
-        content: "\f157";
+    .mc-theme_16 {
         font-size: 16px;
+        &:before {
+            content: "\f157";
+        }
     }
-    .mc-success_16:before {
-        content: "\f158";
+    .mc-success_16 {
         font-size: 16px;
+        &:before {
+            content: "\f158";
+        }
     }
-    .mc-word-wrap_16:before {
-        content: "\f159";
+    .mc-word-wrap_16 {
         font-size: 16px;
+        &:before {
+            content: "\f159";
+        }
     }
-    .mc-word-wrap-slash_16:before {
-        content: "\f15a";
+    .mc-word-wrap-slash_16 {
         font-size: 16px;
+        &:before {
+            content: "\f15a";
+        }
     }
-    .mc-file-empty_16:before {
-        content: "\f15c";
+    .mc-file-empty_16 {
         font-size: 16px;
+        &:before {
+            content: "\f15c";
+        }
     }
-    .mc-cloud-404_256:before {
-        content: "\f14a";
+    .mc-cloud-404_256 {
         font-size: 256px;
+        &:before {
+            content: "\f14a";
+        }
     }