fomantic-ui 2.9.0-beta.322 → 2.9.0-beta.324

package/dist/semantic.min.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.322+4d06a29
+ * # Fomantic UI - 2.9.0-beta.324+80dca46
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.9.0-beta.322+4d06a29",
+  "version": "2.9.0-beta.324+80dca46",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",

package/src/definitions/elements/icon.less

@@ -23,16 +23,13 @@
              Icon
 *******************************/
 & when (@importIcons) {
-  @font-face {
-    font-family: 'Icons';
-    src: @fallbackSRC;
-    src: @src;
-    font-style: normal;
-    font-weight: @normal;
-    font-variant: normal;
-    text-decoration: inherit;
-    text-transform: none;
-  }
+  each(@fonts, {
+    @font-face {
+      each(@value,{
+          @{key}: @value;
+      });
+    }
+  })
 }
 
 i.icon {
@@ -44,7 +41,7 @@ i.icon {
   width: @width;
   height: @height;
 
-  font-family: 'Icons';
+  font-family: @fontName;
   font-style: normal;
   font-weight: @normal;
   text-decoration: inherit;
@@ -519,4 +516,86 @@ i.icons {
   }
 }
 
+.generateIcons(@map, @fontFamily) {
+  each(@map,{
+    @escapedKey: replace(@key,'^([0-9])','\3$1 ');
+    @normalizedKey: replace(@escapedKey,'_','.','g');
+    i.icon.@{normalizedKey}::before {
+      content: "@{value}";
+      & when not (@fontFamily = false) {
+        font-family: @fontFamily;
+      }
+    }
+  });
+};
+
+& when (@variationIconDeprecated) {
+
+  /* Deprecated *In/Out Naming Conflict) */
+  .generateIcons(@icon-deprecated-map,false);
+}
+
+& when (@variationIconSolid) {
+  /*******************************
+          Solid Icons
+  *******************************/
+
+  /* Icons */
+  .generateIcons(@icon-map,false);
+  & when (@variationIconAliases) {
+
+    /* Aliases */
+    .generateIcons(@icon-aliases-map,false);
+  }
+}
+
+& when (@variationIconOutline) {
+  /*******************************
+           Outline Icons
+  *******************************/
+
+  i.icon.outline {
+    font-family: @outlineFontName;
+  }
+
+  /* Icons */
+  .generateIcons(@icon-outline-map,false);
+  & when (@variationIconAliases) {
+
+    /* Aliases */
+    .generateIcons(@icon-outline-aliases-map,false);
+  }
+}
+
+& when (@variationIconThin) {
+  /*******************************
+         Thin Icons
+  *******************************/
+
+  /* Icons */
+  i.icon.thin {
+    font-family: @thinFontName;
+  }
+  .generateIcons(@icon-thin-map,false);
+  & when (@variationIconAliases) {
+
+    /* Aliases */
+    .generateIcons(@icon-thin-aliases-map,false);
+  }
+}
+
+& when(@variationIconBrand) {
+  /*******************************
+            Brand Icons
+  *******************************/
+
+  /* Icons */
+  .generateIcons(@icon-brand-map,@brandFontName);
+  & when (@variationIconAliases) {
+
+    /* Aliases */
+    .generateIcons(@icon-brand-aliases-map,@brandFontName);
+  }
+}
+
 .loadUIOverrides();