fomantic-ui 2.9.1-beta.4 → 2.9.1-beta.40

package/src/themes/famfamfam/elements/flag.variables

@@ -2,11 +2,11 @@
             Flag
 *******************************/
 
-@imagePath : '../../themes/famfamfam/assets/images';
+@imagePath: "../../themes/famfamfam/assets/images";
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @spritePath: "@{imagePath}/flags.png";
 @width: 16px;
@@ -17,4 +17,4 @@
 @flags: {
 };
 @size-map: {
-};
+};

package/src/themes/fixed-width/collections/grid.variables

@@ -1,11 +1,11 @@
 /* Fixed Page Grid */
 
 @mobileWidth: auto;
-@mobileMargin: 0em;
-@mobileGutter: 0em;
+@mobileMargin: 0;
+@mobileGutter: 0;
 
 @tabletWidth: auto;
-@tabletMargin: 0em;
+@tabletMargin: 0;
 @tabletGutter: 8%;
 
 @computerWidth: 960px;
@@ -20,4 +20,4 @@
 @widescreenMargin: auto;
 @widescreenMonitorGutter: 0;
 
-@tableWidth: '';
+@tableWidth: "";

package/src/themes/fixed-width/modules/modal.variables

@@ -1,17 +1,15 @@
-
 /* Responsive Widths */
 @modalComputerWidth: 700px;
 @modalLargeMonitorWidth: 800px;
 @modalWidescreenMonitorWidth: 850px;
 
-@modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2);
-@modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2);
-@modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2);
-
+@modalComputerMargin: 0 0 0 -(@modalComputerWidth / 2);
+@modalLargeMonitorMargin: 0 0 0 -(@modalLargeMonitorWidth / 2);
+@modalWidescreenMonitorMargin: 0 0 0 -(@modalWidescreenMonitorWidth / 2);
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Sizes */
 @modalSmallRatio: 0.6;
@@ -23,15 +21,15 @@
 @modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio);
 @modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio);
 
-@modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2);
-@modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2);
-@modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2);
+@modalSmallComputerMargin: 0 0 0 -(@modalSmallComputerWidth / 2);
+@modalSmallLargeMonitorMargin: 0 0 0 -(@modalSmallLargeMonitorWidth / 2);
+@modalSmallWidescreenMonitorMargin: 0 0 0 -(@modalSmallWidescreenMonitorWidth / 2);
 
 @modalLargeHeaderSize: 1.3em;
 @modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio);
 @modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio);
 @modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio);
 
-@modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2);
-@modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2);
-@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2);
+@modalLargeComputerMargin: 0 0 0 -(@modalLargeComputerWidth / 2);
+@modalLargeLargeMonitorMargin: 0 0 0 -(@modalLargeLargeMonitorWidth / 2);
+@modalLargeWidescreenMonitorMargin: 0 0 0 -(@modalLargeWidescreenMonitorWidth / 2);

package/src/themes/flat/collections/form.overrides

@@ -9,20 +9,20 @@
 .ui.form input[type="number"],
 .ui.form input[type="url"],
 .ui.form input[type="tel"] {
-  border-bottom: 1px solid #DDDDDD;
+    border-bottom: 1px solid #ddd;
 }
 
 .ui.form .selection.dropdown {
-  border: none;
-  box-shadow: none !important;
-  border-bottom: 1px solid #DDDDDD;
-  border-radius: 0em !important;
+    border: none;
+    box-shadow: none !important;
+    border-bottom: 1px solid #ddd;
+    border-radius: 0 !important;
 }
 .ui.form .selection.dropdown > .menu {
-  border-top-width: 1px !important;
-  border-radius: @defaultBorderRadius !important;
+    border-top-width: 1px !important;
+    border-radius: @defaultBorderRadius !important;
 }
 
 .ui.form .ui.icon.input > .icon {
-  width: 1em;
-}
+    width: 1em;
+}

package/src/themes/flat/collections/form.variables

@@ -2,16 +2,15 @@
              Form
 *******************************/
 
-/*-------------------
+/* -------------------
        Elements
---------------------*/
-
+-------------------- */
 
 /* Text */
-@paragraphMargin: 1em 0em;
+@paragraphMargin: 1em 0;
 
 /* Field */
-@fieldMargin: 0em 0em 1em;
+@fieldMargin: 0 0 1em;
 
 /* Form Label */
 @labelFontSize: @relative11px;
@@ -23,41 +22,41 @@
 @inputHorizontalPadding: 0.5em;
 @inputBackground: transparent;
 @inputBorder: none;
-@inputBorderRadius: 0em;
+@inputBorderRadius: 0;
 @inputBoxShadow: none;
 @invertedInputColor: @invertedTextColor;
 
 @textAreaPadding: 1em;
 @textAreaBackground: transparent;
-@textAreaFocusBackground: #EEEEEE;
-@textAreaBorder: 1px solid #DDDDDD;
+@textAreaFocusBackground: #eee;
+@textAreaBorder: 1px solid #ddd;
 
 /* Divider */
-@dividerMargin: 1em 0em;
+@dividerMargin: 1em 0;
 
 /* Validation Prompt */
-@validationMargin: 0em 0em 0em 1em;
+@validationMargin: 0 0 0 1em;
 @validationArrowOffset: -0.3em;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Disabled */
 
 /* Focus */
-@inputFocusPointerSize: 0px;
-@inputErrorPointerSize: 0px;
+@inputFocusPointerSize: 0;
+@inputErrorPointerSize: 0;
 
 /* Dropdown Error */
-@dropdownErrorHoverBackground: #FFF2F2;
-@dropdownErrorActiveBackground: #FDCFCF;
+@dropdownErrorHoverBackground: #fff2f2;
+@dropdownErrorActiveBackground: #fdcfcf;
 
 /* Focused Error */
 @inputErrorFocusBackground: @negativeBackgroundColor;
 @inputErrorFocusColor: @negativeColorHover;
 @inputErrorFocusBorder: @negativeBorderColor;
-@inputErrorFocusBoxShadow: @inputErrorPointerSize 0em 0em 0em @negativeColorHover inset;
+@inputErrorFocusBoxShadow: @inputErrorPointerSize 0 0 0 @negativeColorHover inset;
 
 /* Placeholder */
 @inputPlaceholderColor: lighten(@inputColor, 55);

package/src/themes/flat/globals/site.variables

@@ -2,105 +2,100 @@
          Site Settings
 *******************************/
 
-/*-------------------
+/* -------------------
         Paths
---------------------*/
+-------------------- */
 
-@imagePath : "../../themes/default/assets/images";
-@fontPath  : "../../themes/default/assets/fonts";
+@imagePath: "../../themes/default/assets/images";
+@fontPath: "../../themes/default/assets/fonts";
 
-/*-------------------
+/* -------------------
        Fonts
---------------------*/
+-------------------- */
 
-@headerFont    : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
-@pageFont      : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@headerFont: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@pageFont: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
 
-/*-------------------
+/* -------------------
       Site Colors
---------------------*/
-
-/*---  Colors  ---*/
-@blue             : #0074D9;
-@green            : #2ECC40;
-@orange           : #FF851B;
-@pink             : #D9499A;
-@purple           : #A24096;
-@red              : #FF4136;
-@teal             : #39CCCC;
-@yellow           : #FFCB08;
-
-@black            : #191919;
-@grey             : #CCCCCC;
-@white            : #FFFFFF;
-
-/*---  Light Colors  ---*/
-@lightBlue        : #54C8FF;
-@lightGreen       : #2ECC40;
-@lightOrange      : #FF851B;
-@lightPink        : #FF8EDF;
-@lightPurple      : #CDC6FF;
-@lightRed         : #FF695E;
-@lightTeal        : #6DFFFF;
-@lightYellow      : #FFE21F;
-
-@primaryColor     : @blue;
-@secondaryColor   : @black;
-
-
-/*-------------------
+-------------------- */
+
+/* ---  Colors  --- */
+@blue: #0074d9;
+@green: #2ecc40;
+@orange: #ff851b;
+@pink: #d9499a;
+@purple: #a24096;
+@red: #ff4136;
+@teal: #39cccc;
+@yellow: #ffcb08;
+
+@black: #191919;
+@grey: #ccc;
+@white: #fff;
+
+/* ---  Light Colors  --- */
+@lightBlue: #54c8ff;
+@lightGreen: #2ecc40;
+@lightOrange: #ff851b;
+@lightPink: #ff8edf;
+@lightPurple: #cdc6ff;
+@lightRed: #ff695e;
+@lightTeal: #6dffff;
+@lightYellow: #ffe21f;
+
+@primaryColor: @blue;
+@secondaryColor: @black;
+
+/* -------------------
         Page
---------------------*/
+-------------------- */
 
-@bodyBackground      : #FCFCFC;
-@fontSize            : 14px;
-@textColor           : rgba(0, 0, 0, 0.8);
+@bodyBackground: #fcfcfc;
+@fontSize: 14px;
+@textColor: rgba(0, 0, 0, 0.8);
 
-@headerMargin        : 1em 0em 1rem;
-@paragraphMargin     : 0em 0em 1em;
+@headerMargin: 1em 0 1rem;
+@paragraphMargin: 0 0 1em;
 
-@linkColor           : #009FDA;
-@linkUnderline       : none;
-@linkHoverColor      : lighten( @linkColor, 5);
-@linkHoverUnderline  : @linkUnderline;
+@linkColor: #009fda;
+@linkUnderline: none;
+@linkHoverColor: lighten(@linkColor, 5);
+@linkHoverUnderline: @linkUnderline;
 
-@highlightBackground : #FFFFCC;
-@highlightColor      : @textColor;
+@highlightBackground: #ffc;
+@highlightColor: @textColor;
 
-
-
-/*-------------------
+/* -------------------
   Background Colors
---------------------*/
+-------------------- */
 
-@subtleTransparentBlack : rgba(0, 0, 0, 0.03);
-@transparentBlack       : rgba(0, 0, 0, 0.05);
-@strongTransparentBlack : rgba(0, 0, 0, 0.10);
+@subtleTransparentBlack: rgba(0, 0, 0, 0.03);
+@transparentBlack: rgba(0, 0, 0, 0.05);
+@strongTransparentBlack: rgba(0, 0, 0, 0.1);
 
-@subtleTransparentWhite : rgba(255, 255, 255, 0.01);
-@transparentWhite       : rgba(255, 255, 255, 0.05);
-@strongTransparentWhite : rgba(255, 255, 255, 0.01);
+@subtleTransparentWhite: rgba(255, 255, 255, 0.01);
+@transparentWhite: rgba(255, 255, 255, 0.05);
+@strongTransparentWhite: rgba(255, 255, 255, 0.01);
 
 /* Used for differentiating neutrals */
 @subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
 
 /* Used for differentiating layers */
-@subtleShadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
+@subtleShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 
-
-/*-------------------
+/* -------------------
         Grid
---------------------*/
+-------------------- */
 
 @columnCount: 16;
 
-/*-------------------
+/* -------------------
      Breakpoints
---------------------*/
-
-@mobileBreakpoint            : 320px;
-@tabletBreakpoint            : 768px;
-@computerBreakpoint          : 992px;
-@largeMonitorBreakpoint      : 1400px;
-@widescreenMonitorBreakpoint : 1900px;
+-------------------- */
 
+@mobileBreakpoint: 320px;
+@tabletBreakpoint: 768px;
+@computerBreakpoint: 992px;
+@largeMonitorBreakpoint: 1400px;
+@widescreenMonitorBreakpoint: 1900px;

package/src/themes/github/collections/breadcrumb.variables

@@ -8,4 +8,3 @@
 @dividerColor: inherit;
 
 @huge: 1.5384em;
-

package/src/themes/github/collections/form.overrides

@@ -3,14 +3,13 @@
 *******************************/
 
 .ui.selection.dropdown {
-  background-color: #FAFAFA;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
-  border-color: #CCCCCC;
+    background-color: #fafafa;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
+    border-color: #ccc;
 }
 
 .ui.selection.dropdown:focus {
-  box-shadow:
-    0px 1px 2px rgba(0, 0, 0, 0.075) inset,
-    0px 0px 5px rgba(81, 167, 232, 0.5)
-  ;
-}
+    box-shadow:
+        0 1px 2px rgba(0, 0, 0, 0.075) inset,
+        0 0 5px rgba(81, 167, 232, 0.5);
+}

package/src/themes/github/collections/form.variables

@@ -2,39 +2,37 @@
             Form
 *******************************/
 
-/*-------------------
+/* -------------------
        Elements
---------------------*/
+-------------------- */
 
-@inputBackground: #FAFAFA;
-@inputBorder: 1px solid #CCCCCC;
+@inputBackground: #fafafa;
+@inputBorder: 1px solid #ccc;
 @inputBoxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
 @inputBorderRadius: 3px;
 
 @labelFontWeight: bold;
 @labelDistance: 6px;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
-@inputFocusBackground: #FFFFFF;
+@inputFocusBackground: #fff;
 @inputFocusBoxShadow:
-  0px 1px 2px rgba(0, 0, 0, 0.075) inset,
-  0px 0px 5px rgba(81, 167, 232, 0.5)
-;
-@inputFocusBorderColor: #51A7E8;
+    0 1px 2px rgba(0, 0, 0, 0.075) inset,
+    0 0 5px rgba(81, 167, 232, 0.5);
+@inputFocusBorderColor: #51a7e8;
 @inputFocusBorderRadius: @inputBorderRadius;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
-
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
-/*-------------------
+/* -------------------
        Groups
---------------------*/
+-------------------- */

package/src/themes/github/collections/grid.variables

@@ -1,2 +1 @@
-
-@gutterWidth: 1.538rem;
+@gutterWidth: 1.538rem;

package/src/themes/github/collections/menu.overrides

@@ -3,5 +3,5 @@
 *******************************/
 
 .ui.menu .item > .label {
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-}
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
+}

package/src/themes/github/collections/menu.variables

@@ -1,14 +1,14 @@
-/*-------------------
+/* -------------------
       Collection
---------------------*/
+-------------------- */
 
 @itemVerticalPadding: 1em;
 @itemHorizontalPadding: 1.25em;
 
-@background: #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
+@background: #fff linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
 @fontWeight: normal;
 
-@activeBorderSize: 0em;
+@activeBorderSize: 0;
 
 @hoverBackground: rgba(0, 0, 0, 0.02);
 @downBackground: rgba(0, 0, 0, 0.06);
@@ -16,46 +16,44 @@
 @activeBackground: rgba(0, 0, 0, 0.04);
 @activeHoverBackground: rgba(0, 0, 0, 0.04);
 
-
 @headerBackground: rgba(0, 0, 0, 0.08);
 
 @subMenuMargin: 0.5em -0.6em 0;
 @subMenuHorizontalPadding: 0.7em;
 
-@arrowHoverColor: #EEEEEE;
-@arrowActiveColor: #EEEEEE;
-@arrowVerticalHoverColor: #F4F4F4;
-@arrowVerticalActiveColor: #F4F4F4;
+@arrowHoverColor: #eee;
+@arrowActiveColor: #eee;
+@arrowVerticalHoverColor: #f4f4f4;
+@arrowVerticalActiveColor: #f4f4f4;
 
-@dividerBackground: #E8E8E8;
-@verticalDividerBackground: #E8E8E8;
+@dividerBackground: #e8e8e8;
+@verticalDividerBackground: #e8e8e8;
 
-/*-------------------
+/* -------------------
       Elements
---------------------*/
+-------------------- */
 
 @buttonOffset: -0.15em;
 @buttonVerticalPadding: 0.75em;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 @paginationMinWidth: 3.5em;
 
-@tieredActiveItemBackground: #F5F5F5;
-@tieredActiveMenuBackground: #F5F5F5;
+@tieredActiveItemBackground: #f5f5f5;
+@tieredActiveMenuBackground: #f5f5f5;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
-@verticalBackground: #FFFFFF;
+@verticalBackground: #fff;
 @verticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 
-@invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.0));
-@invertedBoxShadow             :
-  0px 1px 2px 0px rgba(0, 0, 0, 0.15),
-  0px 0px 0px 1px rgba(255, 255, 255, 0.15)
-;
-@secondaryVerticalPadding: 0.75em;
+@invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0));
+@invertedBoxShadow:
+    0 1px 2px 0 rgba(0, 0, 0, 0.15),
+    0 0 0 1px rgba(255, 255, 255, 0.15);
+@secondaryVerticalPadding: 0.75em;

package/src/themes/github/collections/message.overrides

@@ -1,11 +1,11 @@
 .ui.info.message {
-  background: linear-gradient(#D8EBF8, #D0E3EF);
+    background: linear-gradient(#d8ebf8, #d0e3ef);
 }
 .ui.error.message {
-  background: linear-gradient(#F8D8D8, #EFD0D0);
+    background: linear-gradient(#f8d8d8, #efd0d0);
 }
 .ui.warning.message {
-  background: linear-gradient(#FFE3C8, #F5DAC0);
+    background: linear-gradient(#ffe3c8, #f5dac0);
 }
 .ui.success.message {
 }

package/src/themes/github/collections/message.variables

@@ -1,26 +1,24 @@
-@background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05)) #FEFEFE;
+@background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05)) #fefefe;
 @boxShadow:
-  0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset,
-  0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset
-;
+    0 0 0 1px rgba(255, 255, 255, 0.3) inset,
+    0 0 0 1px rgba(0, 0, 0, 0.2) inset;
 @verticalPadding: 15px;
 @horizontalPadding: 15px;
 
 @headerFontSize: 1.15em;
 
-@infoTextColor: #264C72;
-@warningTextColor: #613A00;
-@errorTextColor: #991111;
+@infoTextColor: #264c72;
+@warningTextColor: #613a00;
+@errorTextColor: #911;
 
 @floatingBoxShadow:
-  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-  0px 2px 3px 0px rgba(0, 0, 0, 0.1),
-  0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
-;
+    0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+    0 2px 3px 0 rgba(0, 0, 0, 0.1),
+    0 0 0 1px rgba(0, 0, 0, 0.05) inset;
 
-@infoBorderColor: #97C1DA;
-@errorBorderColor: #DA9797;
-@warningBorderColor: #DCA874;
+@infoBorderColor: #97c1da;
+@errorBorderColor: #da9797;
+@warningBorderColor: #dca874;
 
 @small: 12px;
 @medium: 13px;

package/src/themes/github/collections/table.variables

@@ -2,7 +2,7 @@
     User Variable Overrides
 *******************************/
 
-@background: #F8F8F8;
+@background: #f8f8f8;
 
 @cellVerticalPadding: @relative6px;
-@cellHorizontalPadding: @relative8px;
+@cellHorizontalPadding: @relative8px;

package/src/themes/github/elements/button.overrides

@@ -1,4 +1,3 @@
 /*******************************
            Overrides
 *******************************/
-