fomantic-ui 2.9.1-beta.20 → 2.9.1-beta.21

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

@@ -4,9 +4,9 @@
 
 @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

@@ -20,4 +20,4 @@
 @widescreenMargin: auto;
 @widescreenMonitorGutter: 0;
 
-@tableWidth: '';
+@tableWidth: '';

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

@@ -1,4 +1,3 @@
-
 /* Responsive Widths */
 @modalComputerWidth: 700px;
 @modalLargeMonitorWidth: 800px;
@@ -8,10 +7,9 @@
 @modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2);
 @modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2);
 
-
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Sizes */
 @modalSmallRatio: 0.6;
@@ -34,4 +32,4 @@
 
 @modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2);
 @modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2);
-@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2);
+@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@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 #DDDDDD;
 }
 
 .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 #DDDDDD;
+    border-radius: 0em !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,10 +2,9 @@
              Form
 *******************************/
 
-/*-------------------
+/* -------------------
        Elements
---------------------*/
-
+-------------------- */
 
 /* Text */
 @paragraphMargin: 1em 0em;
@@ -39,9 +38,9 @@
 @validationMargin: 0em 0em 0em 1em;
 @validationArrowOffset: -0.3em;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Disabled */
 

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

@@ -2,83 +2,80 @@
          Site Settings
 *******************************/
 
-/*-------------------
+/* -------------------
         Paths
---------------------*/
+-------------------- */
 
 @imagePath : "../../themes/default/assets/images";
-@fontPath  : "../../themes/default/assets/fonts";
+@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 : #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;
+
+/* -------------------
         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 0em 1rem;
+@paragraphMargin : 0em 0em 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;
+@highlightColor : @textColor;
 
-
-
-/*-------------------
+/* -------------------
   Background Colors
---------------------*/
+-------------------- */
 
 @subtleTransparentBlack : rgba(0, 0, 0, 0.03);
-@transparentBlack       : rgba(0, 0, 0, 0.05);
+@transparentBlack : rgba(0, 0, 0, 0.05);
 @strongTransparentBlack : rgba(0, 0, 0, 0.10);
 
 @subtleTransparentWhite : rgba(255, 255, 255, 0.01);
-@transparentWhite       : rgba(255, 255, 255, 0.05);
+@transparentWhite : rgba(255, 255, 255, 0.05);
 @strongTransparentWhite : rgba(255, 255, 255, 0.01);
 
 /* Used for differentiating neutrals */
@@ -87,20 +84,18 @@
 /* Used for differentiating layers */
 @subtleShadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
 
-
-/*-------------------
+/* -------------------
         Grid
---------------------*/
+-------------------- */
 
 @columnCount: 16;
 
-/*-------------------
+/* -------------------
      Breakpoints
---------------------*/
+-------------------- */
 
-@mobileBreakpoint            : 320px;
-@tabletBreakpoint            : 768px;
-@computerBreakpoint          : 992px;
-@largeMonitorBreakpoint      : 1400px;
+@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: #CCCCCC;
 }
 
 .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:
+        0px 1px 2px rgba(0, 0, 0, 0.075) inset,
+        0px 0px 5px rgba(81, 167, 232, 0.5);
+}

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

@@ -2,9 +2,9 @@
             Form
 *******************************/
 
-/*-------------------
+/* -------------------
        Elements
---------------------*/
+-------------------- */
 
 @inputBackground: #FAFAFA;
 @inputBorder: 1px solid #CCCCCC;
@@ -14,27 +14,26 @@
 @labelFontWeight: bold;
 @labelDistance: 6px;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 @inputFocusBackground: #FFFFFF;
 @inputFocusBoxShadow:
-  0px 1px 2px rgba(0, 0, 0, 0.075) inset,
-  0px 0px 5px rgba(81, 167, 232, 0.5)
+    0px 1px 2px rgba(0, 0, 0, 0.075) inset,
+    0px 0px 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: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+}

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

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
       Collection
---------------------*/
+-------------------- */
 
 @itemVerticalPadding: 1em;
 @itemHorizontalPadding: 1.25em;
@@ -16,7 +16,6 @@
 @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;
@@ -30,32 +29,32 @@
 @dividerBackground: #E8E8E8;
 @verticalDividerBackground: #E8E8E8;
 
-/*-------------------
+/* -------------------
       Elements
---------------------*/
+-------------------- */
 
 @buttonOffset: -0.15em;
 @buttonVerticalPadding: 0.75em;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 @paginationMinWidth: 3.5em;
 
 @tieredActiveItemBackground: #F5F5F5;
 @tieredActiveMenuBackground: #F5F5F5;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 @verticalBackground: #FFFFFF;
 @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)
+    0px 1px 2px 0px rgba(0, 0, 0, 0.15),
+    0px 0px 0px 1px rgba(255, 255, 255, 0.15)
 ;
-@secondaryVerticalPadding: 0.75em;
+@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,7 +1,7 @@
 @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
+    0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset,
+    0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset
 ;
 @verticalPadding: 15px;
 @horizontalPadding: 15px;
@@ -13,9 +13,9 @@
 @errorTextColor: #991111;
 
 @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
+    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
 ;
 
 @infoBorderColor: #97C1DA;

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

@@ -5,4 +5,4 @@
 @background: #F8F8F8;
 
 @cellVerticalPadding: @relative6px;
-@cellHorizontalPadding: @relative8px;
+@cellHorizontalPadding: @relative8px;

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

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

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

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Button Variables
---------------------*/
+-------------------- */
 
 /* Button Variables */
 @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
@@ -19,16 +19,16 @@
 @backgroundColor: #FAFAFA;
 @backgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1));
 @boxShadow:
-  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
-  0 0 0 1px rgba(0, 0, 0, 0.13) inset,
-  0 1px 3px rgba(0, 0, 0, 0.05)
+    0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+    0 0 0 1px rgba(0, 0, 0, 0.13) inset,
+    0 1px 3px rgba(0, 0, 0, 0.05)
 ;
 
 @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
 @coloredBoxShadow:
-  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
-  0 0 0 1px rgba(0, 0, 0, 0.1) inset,
-  0 1px 3px rgba(0, 0, 0, 0.05)
+    0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+    0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+    0 1px 3px rgba(0, 0, 0, 0.05)
 ;
 
 @hoverBackgroundColor: #E0E0E0;
@@ -38,16 +38,16 @@
 @downBackgroundColor: '';
 @downBackgroundImage: '';
 @downBoxShadow:
-  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
-  0 0 0 1px rgba(0, 0, 0, 0.13) inset,
-  0 3px 5px rgba(0, 0, 0, 0.15) inset !important
+    0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+    0 0 0 1px rgba(0, 0, 0, 0.13) inset,
+    0 3px 5px rgba(0, 0, 0, 0.15) inset !important
 ;
 @activeBackgroundColor: #DFDFDF;
 @activeBackgroundImage: none;
 @activeBoxShadow:
-  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
-  0 0 0 1px rgba(0, 0, 0, 0.13) inset,
-  0 3px 5px rgba(0, 0, 0, 0.1) inset !important
+    0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+    0 0 0 1px rgba(0, 0, 0, 0.13) inset,
+    0 3px 5px rgba(0, 0, 0, 0.1) inset !important
 ;
 
 @labeledIconBackgroundColor: transparent;

package/src/themes/github/elements/header.variables

@@ -2,8 +2,8 @@
             Header
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @iconMargin: @4px;