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

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

@@ -2,20 +2,18 @@
            Overrides
 *******************************/
 
-@import (css) url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro');
+@import (css) url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro");
 
 .ui.labeled.icon.buttons > .button > .icon,
 .ui.labeled.icon.button > .icon {
-  box-shadow:
-    -1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
-    -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset
-  ;
+    box-shadow:
+        -1px 0 0 0 rgba(255, 255, 255, 0.2) inset,
+        -1px 0 0 0 rgba(0, 0, 0, 0.05) inset;
 }
 
 .ui.right.labeled.icon.buttons .button .icon,
 .ui.right.labeled.icon.button .icon {
-  box-shadow:
-    1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
-    1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset
-  ;
-}
+    box-shadow:
+        1px 0 0 0 rgba(255, 255, 255, 0.2) inset,
+        1px 0 0 0 rgba(0, 0, 0, 0.05) inset;
+}

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

@@ -1,13 +1,13 @@
-/*-------------------
+/* -------------------
    Button Variables
---------------------*/
+-------------------- */
 
 /* Button Variables */
-@pageFont: 'Source Sans Pro', Arial, sans-serif;
+@pageFont: "Source Sans Pro", Arial, sans-serif;
 
 @textTransform: none;
 @fontWeight: @normal;
-@textColor: #333333;
+@textColor: #333;
 
 @verticalPadding: 1.1em;
 @horizontalPadding: 2.5em;
@@ -17,30 +17,30 @@
 @basicFontWeight: bold;
 @basicTextTransform: uppercase;
 
-@blue: #4A88CB;
+@blue: #4a88cb;
 @primaryColor: @blue;
 
 @borderRadius: 0.25em;
 
-@backgroundColor: #E6EAED;
+@backgroundColor: #e6eaed;
 @backgroundImage: none;
 @boxShadow: none;
 
-@hoverBackgroundColor: #DDDDDD;
+@hoverBackgroundColor: #ddd;
 @hoverBackgroundImage: none;
 @hoverBoxShadow: none;
 
-@downBackgroundColor: #D0D0D0;
+@downBackgroundColor: #d0d0d0;
 @downBackgroundImage: none;
 @downBoxShadow: none;
 
-@activeBackgroundColor: #CCCCCC;
+@activeBackgroundColor: #ccc;
 @activeBackgroundImage: none;
 @activeBoxShadow: none;
 
 @verticalBoxShadow: none;
 
-@loadingBackgroundColor: #F0F0F0;
+@loadingBackgroundColor: #f0f0f0;
 
 @compactVerticalPadding: (@verticalPadding * 0.5);
 @compactHorizontalPadding: (@horizontalPadding * 0.5);

package/src/themes/chubby/elements/header.overrides

@@ -2,4 +2,4 @@
            Overrides
 *******************************/
 
-@import (css) url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro');
+@import (css) url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro");

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

@@ -1,8 +1,8 @@
-/*-------------------
+/* -------------------
        Header
---------------------*/
+-------------------- */
 
-@headerFont : 'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
+@headerFont: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
 @fontWeight: bold;
 @textTransform: none;
 
@@ -18,4 +18,4 @@
 @largeFontSize: 1.2em;
 @mediumFontSize: 1em;
 @smallFontSize: 0.9em;
-@tinyFontSize: 0.8em;
+@tinyFontSize: 0.8em;

package/src/themes/chubby/modules/accordion.overrides

@@ -3,5 +3,5 @@
 *******************************/
 
 .ui.styled.accordion .accordion .active.title {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}

package/src/themes/chubby/modules/accordion.variables

@@ -1,8 +1,8 @@
-/*-------------------
+/* -------------------
    Accordion Variables
---------------------*/
+-------------------- */
 
-@iconMargin: 0em 0.5em 0em 0em;
+@iconMargin: 0 0.5em 0 0;
 
 @styledActiveTitleBackground: @subtleGradient;
 @styledActiveTitleColor: @primaryColor;
@@ -12,4 +12,4 @@
 @styledTitlePadding: 1.25em;
 @styledTitleFontWeight: bold;
 @styledContentPadding: 1.5em 3.25em;
-@styledChildContentPadding: @styledContentPadding;
+@styledChildContentPadding: @styledContentPadding;

package/src/themes/chubby/views/comment.overrides

@@ -3,10 +3,10 @@
 *******************************/
 
 .ui.comments .comment {
-  border-radius: 0.5em;
-  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
+    border-radius: 0.5em;
+    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
 }
 .ui.comments .comment > .comments .comment {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  box-shadow: none;
-}
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    box-shadow: none;
+}

package/src/themes/chubby/views/comment.variables

@@ -2,13 +2,13 @@
             Comments
 *******************************/
 
-/*-------------------
+/* -------------------
       Elements
---------------------*/
+-------------------- */
 
 /* Comment */
-@commentBackground: #FFFFFF;
-@commentMargin: 1em 0em 0em;
+@commentBackground: #fff;
+@commentMargin: 1em 0 0;
 @commentPadding: 1em 1.5em;
 @commentBorder: 1px solid rgba(0, 0, 0, 0.1);
 @commentDivider: 1px solid rgba(0, 0, 0, 0.1);
@@ -16,9 +16,9 @@
 @firstCommentPadding: 1em;
 
 /* Nested Comment */
-@nestedCommentsMargin: 0em 0em 0.5em 0.5em;
-@nestedCommentsPadding: 1em 0em 0em 1em;
-@nestedCommentBackground: #F0F0F0;
+@nestedCommentsMargin: 0 0 0.5em 0.5em;
+@nestedCommentsPadding: 1em 0 0 1em;
+@nestedCommentBackground: #f0f0f0;
 
 /* Avatar */
 @avatarWidth: 3.5em;
@@ -35,12 +35,12 @@
 @authorFontWeight: bold;
 
 @metadataDisplay: block;
-@metadataSpacing: 0em;
+@metadataSpacing: 0;
 @metadataColor: @textColor;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Threaded */
-@threadedCommentMargin: -1.5em 0 -1em  (@avatarWidth / 2);
+@threadedCommentMargin: -1.5em 0 -1em (@avatarWidth / 2);

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

@@ -2,13 +2,13 @@
             Table
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @boxShadow: @subtleGradient;
 
 @headerBackground: @subtleGradient;
 @headerBoxShadow: @subtleShadow;
-@footerBoxShadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.05);
+@footerBoxShadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05);
 @footerBackground: rgba(0, 0, 0, 0.05);

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

@@ -2,95 +2,88 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 /* Shadow */
-@shadowDistance: 0em;
+@shadowDistance: 0;
 @shadowOffset: (@shadowDistance / 2);
-@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset;
-@backgroundColor: #FAFAFA;
+@shadowBoxShadow: 0 -@shadowDistance 0 0 @borderColor inset;
+@backgroundColor: #fafafa;
 @backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09));
 @boxShadow:
-  0px 0px 0px 1px @borderColor inset,
-  @shadowBoxShadow
-;
+    0 0 0 1px @borderColor inset,
+    @shadowBoxShadow;
 
 /* Padding */
 @verticalPadding: 0.8em;
 @horizontalPadding: 1.5em;
 
-
-/*-------------------
+/* -------------------
         Group
---------------------*/
+-------------------- */
 
 @groupBoxShadow: none;
 @groupButtonBoxShadow:
-  0px 0px 0px 1px @borderColor inset,
-  @shadowBoxShadow
-;
-@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
-@groupButtonOffset: 0px 0px 0px -1px;
-@verticalGroupOffset: 0px 0px -1px 0px;
+    0 0 0 1px @borderColor inset,
+    @shadowBoxShadow;
+@verticalBoxShadow: 0 0 0 1px @borderColor inset;
+@groupButtonOffset: 0 0 0 -1px;
+@verticalGroupOffset: 0 0 -1px 0;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Hovered */
-@hoverBackgroundColor: '';
+@hoverBackgroundColor: "";
 @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13));
-@hoverBoxShadow: '';
+@hoverBoxShadow: "";
 @hoverColor: @hoveredTextColor;
 @iconHoverOpacity: 0.85;
 
 /* Focused */
-@focusBackgroundColor: '';
+@focusBackgroundColor: "";
 @focusBackgroundImage: none;
 @focusBoxShadow:
-  0px 0px 1px rgba(81, 167, 232, 0.8) inset,
-  0px 0px 3px 2px rgba(81, 167, 232, 0.8)
-;
+    0 0 1px rgba(81, 167, 232, 0.8) inset,
+    0 0 3px 2px rgba(81, 167, 232, 0.8);
 @focusColor: @hoveredTextColor;
 @iconFocusOpacity: 0.85;
 
 /* Pressed Down */
-@downBackgroundColor: #F1F1F1;
-@downBackgroundImage: '';
+@downBackgroundColor: #f1f1f1;
+@downBackgroundImage: "";
 @downBoxShadow:
-  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-  0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
-;
+    0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+    0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important;
 @downColor: @pressedTextColor;
 
 /* Active */
-@activeBackgroundColor: #DADADA;
+@activeBackgroundColor: #dadada;
 @activeBackgroundImage: none;
 @activeColor: @selectedTextColor;
 @activeBoxShadow:
-  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-  0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
-;
+    0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+    0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important;
 
 /* Active + Hovered */
-@activeHoverBackgroundColor: #DADADA;
+@activeHoverBackgroundColor: #dadada;
 @activeHoverBackgroundImage: none;
 @activeHoverBoxShadow:
-  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-  0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
-;
+    0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+    0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important;
 @activeHoverColor: @selectedTextColor;
 
 /* Loading */
-@loadingBackgroundColor: #FFFFFF;
+@loadingBackgroundColor: #fff;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Labeled Icon */
 @labeledIconBackgroundColor: rgba(0, 0, 0, 0.05);
-@labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset;
-@labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset;
+@labeledIconLeftShadow: -1px 0 0 0 @labeledIconBorder inset;
+@labeledIconRightShadow: 1px 0 0 0 @labeledIconBorder inset;

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

@@ -2,11 +2,11 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
-@headerFont: 'Open Sans', Arial, sans-serif;
+@headerFont: "Open Sans", Arial, sans-serif;
 
 @blockBackground: @offWhite @subtleGradient;
-@blockBoxShadow: @subtleShadow;
+@blockBoxShadow: @subtleShadow;

package/src/themes/classic/modules/progress.variables

@@ -3,7 +3,7 @@
 *******************************/
 
 @background: rgba(0, 0, 0, 0.05);
-@boxShadow: 0px 0px 4px rgba(0, 0, 0, 0.1) inset;
-@barBackground: @subtleGradient #888888;
+@boxShadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
+@barBackground: @subtleGradient #888;
 @border: 1px solid @borderColor;
-@padding: @relative3px;
+@padding: @relative3px;

package/src/themes/classic/views/card.overrides

@@ -1,52 +1,52 @@
 /*******************************
              Item
 *******************************/
-/*-------------------
+
+/* -------------------
          View
---------------------*/
+-------------------- */
 
 /* Item */
-@background: #FFFFFF;
+@background: #fff;
 @borderRadius: 0.325rem;
 @display: block;
 @float: left;
-@margin: 0em @horizontalSpacing @rowSpacing;
-@minHeight: 0px;
-@padding: 0em;
+@margin: 0 @horizontalSpacing @rowSpacing;
+@minHeight: 0;
+@padding: 0;
 @width: 300px;
 @boxShadow:
-  0px 0px 0px 1px @borderColor,
-  0px 3px 0px 0px @borderColor
-;
+    0 0 0 1px @borderColor,
+    0 3px 0 0 @borderColor;
 @border: none;
-@zIndex: '';
+@zIndex: "";
 
 /* Item Group */
 @horizontalSpacing: 0.5em;
 @rowSpacing: 2.5em;
 @groupMargin: 1em -@horizontalSpacing;
 
-/*-------------------
+/* -------------------
        Content
---------------------*/
+-------------------- */
 
 /* Image */
 @imageBackground: @transparentBlack;
-@imagePadding: 0em;
-@imageBorderRadius: @borderRadius @borderRadius 0em 0em;
+@imagePadding: 0;
+@imageBorderRadius: @borderRadius @borderRadius 0 0;
 @imageBoxShadow: none;
 @imageBorder: none;
 
 /* Content */
-@contentMargin: 0em;
+@contentMargin: 0;
 @contentPadding: 0.75em 1em;
 @contentFontSize: 1em;
 @contentBorder: none;
-@contentBorderRadius: 0em;
+@contentBorderRadius: 0;
 @contentBoxShadow: none;
 
 /* Title */
-@titleMargin: 0em;
+@titleMargin: 0;
 @titleFont: @headerFont;
 @titleFontWeight: bold;
 @titleFontSize: 1.25em;
@@ -70,29 +70,27 @@
 /* Additional Content */
 @extraDisplay: absolute;
 @extraTop: 100%;
-@extraLeft: 0em;
+@extraLeft: 0;
 @extraWidth: 100%;
 
 @extraPadding: 0.5em 0.75em;
 @extraColor: @lightTextColor;
 @extraTransition: color @defaultDuration @defaultEasing;
 
-/*-------------------
+/* -------------------
        States
---------------------*/
+-------------------- */
 
 @hoverCursor: pointer;
 @hoverZIndex: 5;
 @hoverBorder: none;
 @hoverBoxShadow:
-  0px 0px 0px 1px @selectedBorderColor,
-  0px 3px 0px 0px @selectedBorderColor
-;
-
+    0 0 0 1px @selectedBorderColor,
+    0 3px 0 0 @selectedBorderColor;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Sizes */
-@medium: 1em;
+@medium: 1em;

package/src/themes/classic/views/card.variables

@@ -2,21 +2,21 @@
              Card
 *******************************/
 
-/*-------------------
+/* -------------------
          View
---------------------*/
+-------------------- */
 
 /* Shadow */
-@shadowDistance: 0em;
-@padding: 0em;
+@shadowDistance: 0;
+@padding: 0;
 
-/*-------------------
+/* -------------------
        Content
---------------------*/
+-------------------- */
 
 /* Additional Content */
 @extraDivider: 1px solid rgba(0, 0, 0, 0.05);
-@extraBackground: #FAFAFA @subtleGradient;
+@extraBackground: #fafafa @subtleGradient;
 @extraPadding: 0.75em 1em;
 @extraBoxShadow: 0 1px 1px rgba(0, 0, 0, 0.15);
 @extraColor: @lightTextColor;

package/src/themes/colored/modules/checkbox.overrides

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

package/src/themes/colored/modules/checkbox.variables

@@ -24,6 +24,4 @@
 
 /* Handle */
 @handleBackground: @white @subtleGradient;
-@handleBoxShadow:
-  0px 0px 0px 1px @selectedBorderColor inset
-;
+@handleBoxShadow: 0 0 0 1px @selectedBorderColor inset;

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

@@ -2,9 +2,9 @@
           Breadcrumb
 *******************************/
 
-/*-------------------
+/* -------------------
      Breadcrumb
---------------------*/
+-------------------- */
 
 @verticalMargin: 0;
 @display: inline-block;
@@ -31,8 +31,8 @@
 @invertedActiveColor: @white;
 @invertedDividerColor: @invertedLightTextColor;
 
-/*-------------------
+/* -------------------
        States
---------------------*/
+-------------------- */
 
 @activeFontWeight: @bold;