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

package/src/themes/default/elements/image.variables

@@ -2,9 +2,9 @@
             Image
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @placeholderColor: transparent;
 @roundedBorderRadius: 0.3125em;
@@ -13,18 +13,17 @@
 @imageVerticalMargin: 0.5rem;
 @imageBorder: 1px solid rgba(0, 0, 0, 0.1);
 
-/*-------------------
+/* -------------------
        Types
---------------------*/
+-------------------- */
 
 /* Avatar */
 @avatarSize: 2em;
 @avatarMargin: 0.25em;
 
-
-/*-------------------
+/* -------------------
        Variations
---------------------*/
+-------------------- */
 
 /* Spaced */
 @spacedDistance: 0.5em;

package/src/themes/default/elements/input.variables

@@ -2,9 +2,9 @@
             Input
 *******************************/
 
-/*-------------------
+/* -------------------
       Element
---------------------*/
+-------------------- */
 
 @inputFont: @pageFont;
 @verticalPadding: @inputVerticalPadding;
@@ -23,13 +23,13 @@
 
 @borderRadius: @defaultBorderRadius;
 @transition:
-  box-shadow @defaultDuration @defaultEasing,
-  border-color @defaultDuration @defaultEasing
+    box-shadow @defaultDuration @defaultEasing,
+    border-color @defaultDuration @defaultEasing
 ;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Icon Input */
 @iconWidth: (@verticalPadding * 2) + @glyphWidth;
@@ -65,9 +65,9 @@
 
 @labeledDropdownZIndex: 10;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Placeholder */
 @placeholderColor: @inputPlaceholderColor;
@@ -100,9 +100,9 @@
 @fileButtonInvertedBackgroundHover: @white;
 @fileButtonInvertedTextColor: @mutedTextColor;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Inverted */
 @transparentInvertedPlaceholderColor: @invertedUnselectedTextColor;

package/src/themes/default/elements/label.variables

@@ -2,9 +2,9 @@
              Label
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @verticalAlign: baseline;
 @verticalMargin: 0;
@@ -30,9 +30,9 @@
 @groupVerticalMargin: 0.5em;
 @groupHorizontalMargin: 0.5em;
 
-/*-------------------
+/* -------------------
         Parts
---------------------*/
+-------------------- */
 
 /* Link */
 @linkOpacity: 0.5;
@@ -56,9 +56,9 @@
 @deleteMargin: 0.5em;
 @deleteTransition: background @labelTransitionDuration @labelTransitionEasing;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Image Label */
 @imageLabelBackground: @backgroundColor;
@@ -78,9 +78,9 @@
 @imageLabelDetailPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding;
 @imageLabelDetailMargin: -@imageLabelVerticalPadding -@imageLabelHorizontalPadding -@imageLabelVerticalPadding @imageLabelDetailDistance;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Hover */
 @labelHoverBackgroundColor: #E0E0E0;
@@ -97,10 +97,9 @@
 @labelActiveHoverBackgroundImage: none;
 @labelActiveHoverTextColor: @selectedTextColor;
 
-
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Basic */
 @basicBackground: none @white;
@@ -253,16 +252,16 @@
 @floatingAlignOffset: 1.2em;
 @floatingZIndex: 100;
 
-/*-------------------
+/* -------------------
         Group
---------------------*/
+-------------------- */
 
 /* Sizing */
-@mini    : @9px;
-@tiny    : @10px;
-@small   : @11px;
-@medium  : @12px;
-@large   : @absoluteMedium;
-@big     : @absoluteBig;
-@huge    : @absoluteHuge;
+@mini : @9px;
+@tiny : @10px;
+@small : @11px;
+@medium : @12px;
+@large : @absoluteMedium;
+@big : @absoluteBig;
+@huge : @absoluteHuge;
 @massive : @absoluteMassive;

package/src/themes/default/elements/list.variables

@@ -2,9 +2,9 @@
              List
 *******************************/
 
-/*-------------------
+/* -------------------
          View
---------------------*/
+-------------------- */
 
 /* List */
 @listStyleType: none;
@@ -29,9 +29,9 @@
 @childItemPadding: @childItemVerticalPadding @childItemHorizontalPadding;
 @childItemLineHeight: inherit;
 
-/*-------------------
+/* -------------------
       Elements
---------------------*/
+-------------------- */
 
 /* Icon */
 @iconDistance: @relative4px;
@@ -72,16 +72,16 @@
 @itemLinkIconHoverColor: @textColor;
 @invertedIconLinkColor: @invertedLightTextColor;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 @disabledColor: @disabledTextColor;
 @invertedDisabledColor: @invertedDisabledTextColor;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Float */
 @floatDistance: 1em;
@@ -107,7 +107,7 @@
 @linkListItemDownColor: @pressedTextColor;
 @linkListItemActiveColor: @selectedTextColor;
 @linkListTransition:
-  @defaultDuration color @defaultEasing
+    @defaultDuration color @defaultEasing
 ;
 
 /* Inverted Link List */
@@ -122,9 +122,9 @@
 @selectionListItemVerticalPadding: 0.5em;
 @selectionListItemHorizontalPadding: 0.5em;
 @selectionListTransition:
-  @defaultDuration color @defaultEasing,
-  @defaultDuration padding-left @defaultEasing,
-  @defaultDuration background-color @defaultEasing
+    @defaultDuration color @defaultEasing,
+    @defaultDuration padding-left @defaultEasing,
+    @defaultDuration background-color @defaultEasing
 ;
 
 /* Selection List States */
@@ -151,9 +151,9 @@
 @animatedDuration: 0.25s;
 @animatedDelay: 0.1s;
 @animatedListTransition:
-  @animatedDuration color @defaultEasing @animatedDelay,
-  @animatedDuration padding-left @defaultEasing @animatedDelay,
-  @animatedDuration background-color @defaultEasing @animatedDelay
+    @animatedDuration color @defaultEasing @animatedDelay,
+    @animatedDuration padding-left @defaultEasing @animatedDelay,
+    @animatedDuration background-color @defaultEasing @animatedDelay
 ;
 @animatedListIndent: 1em;
 
@@ -233,4 +233,4 @@
 @largeListSize: @relativeLarge;
 @bigListSize: @relativeBig;
 @hugeListSize: @relativeHuge;
-@massiveListSize: @relativeMassive;
+@massiveListSize: @relativeMassive;

package/src/themes/default/elements/loader.variables

@@ -10,9 +10,9 @@
 // @invertedLoaderFillColor
 // @invertedLoaderLineColor
 
-/*-------------------
+/* -------------------
       Standard
---------------------*/
+-------------------- */
 
 @loaderTopOffset: 50%;
 @loaderLeftOffset: 50%;
@@ -20,38 +20,37 @@
 @shapeBorderColor: @loaderLineColor;
 @invertedShapeBorderColor: @invertedLoaderLineColor;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Text */
 @textDistance: @relativeMini;
 @loaderTextColor: @textColor;
 @invertedLoaderTextColor: @invertedTextColor;
 
-
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 @indeterminateDirection: reverse;
 @indeterminateSpeed: (2 * @loaderSpeed);
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 @inlineVerticalAlign: middle;
 @inlineMargin: 0;
 
 /* Exact Sizes (Avoids Rounding Errors) */
-@mini    : @14px;
-@tiny    : @16px;
-@small   : @24px;
-@medium  : @32px;
-@large   : @48px;
-@big     : @52px;
-@huge    : @58px;
+@mini : @14px;
+@tiny : @16px;
+@small : @24px;
+@medium : @32px;
+@large : @48px;
+@big : @52px;
+@huge : @58px;
 @massive : @64px;
 
 @miniOffset: 0 0 0 -(@mini / 2);

package/src/themes/default/elements/placeholder.variables

@@ -31,19 +31,18 @@
 @placeholderLineFourOutdent: @placeholderLongLineOutdent;
 @placeholderLineFiveOutdent: @placeholderShortLineOutdent;
 
-
 /* Glow Gradient */
 @placeholderLoadingAnimationDuration: 2s;
 @placeholderLoadingGradientWidth: 1200px;
 @placeholderLoadingGradient: linear-gradient(to right,
-  rgba(0, 0, 0, 0.08) 0,
-  rgba(0, 0, 0, 0.15) 15%,
-  rgba(0, 0, 0, 0.08) 30%
+rgba(0, 0, 0, 0.08) 0,
+rgba(0, 0, 0, 0.15) 15%,
+rgba(0, 0, 0, 0.08) 30%
 );
 @placeholderInvertedLoadingGradient: linear-gradient(to right,
-  rgba(255, 255, 255, 0.08) 0,
-  rgba(255, 255, 255, 0.14) 15%,
-  rgba(255, 255, 255, 0.08) 30%
+rgba(255, 255, 255, 0.08) 0,
+rgba(255, 255, 255, 0.14) 15%,
+rgba(255, 255, 255, 0.08) 30%
 );
 
 /* Variations */

package/src/themes/default/elements/rail.variables

@@ -2,9 +2,9 @@
             Rail
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @width: 300px;
 @height: 100%;
@@ -12,9 +12,9 @@
 @distance: 4rem;
 @splitDistance: (@distance / 2);
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Close */
 @closeDistance: 2em;
@@ -31,4 +31,3 @@
 @dividingDistance: 5rem;
 @splitDividingDistance: (@dividingDistance / 2);
 @dividingWidth: @width + @splitDividingDistance;
-

package/src/themes/default/elements/segment.variables

@@ -2,9 +2,9 @@
             Segment
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @background: @white;
 @borderWidth: 1px;
@@ -20,9 +20,9 @@
 @margin: @verticalMargin @horizontalMargin;
 @borderRadius: @defaultBorderRadius;
 
-/*-------------------
+/* -------------------
        Group
---------------------*/
+-------------------- */
 
 @groupedMargin: @margin;
 @groupedBorder: @border;
@@ -37,9 +37,9 @@
 @groupedSegmentWidth: auto;
 @groupedSegmentBoxShadow: none;
 
-/*-------------------
+/* -------------------
        Coupling
---------------------*/
+-------------------- */
 
 /* Page Grid Segment */
 @pageGridMargin: (2 * @verticalPadding);
@@ -57,7 +57,6 @@
 @placeholderContentMaxWidth: 15rem;
 @placeholderContentInlineButtonMargin: 0 @5px 0 0;
 
-
 /* Piled */
 @piledZIndex: auto;
 @piledMargin: 3em;
@@ -87,12 +86,10 @@
 @loaderSize: 3em;
 @loaderLineZIndex: 101;
 
-
 /*******************************
             Variations
 *******************************/
 
-
 /* Raised */
 @raisedBoxShadow: @floatingShadow;
 
@@ -108,8 +105,8 @@
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:
-  @boxShadow,
-  @attachedBoxShadow
+    @boxShadow,
+    @attachedBoxShadow
 ;
 
 /* Inverted */
@@ -136,21 +133,20 @@
 
 @secondaryInvertedLightness: 0.2;
 @secondaryInvertedBackground:
-  lighten(@black, (@secondaryInvertedLightness * 100))
-  linear-gradient(
-    rgba(255, 255, 255, @secondaryInvertedLightness) 0,
-    rgba(255, 255, 255, @secondaryInvertedLightness) 100%
-  )
+    lighten(@black, (@secondaryInvertedLightness * 100))
+    linear-gradient(
+        rgba(255, 255, 255, @secondaryInvertedLightness) 0,
+        rgba(255, 255, 255, @secondaryInvertedLightness) 100%
+    )
 ;
 @secondaryInvertedColor: @invertedMutedTextColor;
 
 @tertiaryInvertedLightness: 0.35;
 @tertiaryInvertedBackground:
-  lighten(@black, (@tertiaryInvertedLightness * 100))
-  linear-gradient(
-    rgba(255, 255, 255, @tertiaryInvertedLightness) 0,
-    rgba(255, 255, 255, @tertiaryInvertedLightness) 100%
-  )
+    lighten(@black, (@tertiaryInvertedLightness * 100))
+    linear-gradient(
+        rgba(255, 255, 255, @tertiaryInvertedLightness) 0,
+        rgba(255, 255, 255, @tertiaryInvertedLightness) 100%
+    )
 ;
 @tertiaryInvertedColor: @invertedMutedTextColor;
-

package/src/themes/default/elements/step.overrides

@@ -3,11 +3,11 @@
 *******************************/
 
 @font-face {
-  font-family: 'Step';
-  src: url(data:application/font-woff;base64,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) format('woff');
+    font-family: 'Step';
+    src: url(data:application/font-woff;base64,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) format('woff');
 }
 .ui.steps .step.completed > .icon::before,
 .ui.ordered.steps .step.completed::before {
-  font-family: 'Step';
-  content: '\e800'; /* '' */
+    font-family: 'Step';
+    content: '\e800'; /* '' */
 }

package/src/themes/default/elements/step.variables

@@ -2,9 +2,9 @@
              Step
 *******************************/
 
-/*-------------------
+/* -------------------
        Group
---------------------*/
+-------------------- */
 
 @stepMargin: 1em 0;
 @stepsBorderRadius: @defaultBorderRadius;
@@ -12,9 +12,9 @@
 @stepsBoxShadow: none;
 @stepsBorder: 1px solid @borderColor;
 
-/*-------------------
+/* -------------------
       Element
---------------------*/
+-------------------- */
 
 @verticalMargin: 0;
 @horizontalMargin: 0;
@@ -24,10 +24,10 @@
 @horizontalPadding: 2em;
 
 @transition:
-  background-color @defaultDuration @defaultEasing,
-  opacity @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing,
-  box-shadow @defaultDuration @defaultEasing
+    background-color @defaultDuration @defaultEasing,
+    opacity @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing,
+    box-shadow @defaultDuration @defaultEasing
 ;
 @lineHeight: @relativeLarge;
 @alignItems: center;
@@ -57,7 +57,6 @@
 @descriptionFontWeight: @normal;
 @descriptionColor: @textColor;
 
-
 /* Arrow */
 @arrowBackgroundColor: @backgroundColor;
 @arrowTopOffset: 50%;
@@ -73,9 +72,9 @@
 /* Mobile */
 @mobileIconDistance: @iconDistance;
 
-/*-------------------
+/* -------------------
        Types
---------------------*/
+-------------------- */
 
 /* Vertical */
 @verticalDivider: @divider;
@@ -92,9 +91,9 @@
 @verticalActiveArrowDisplay: block;
 @verticalActiveLastArrowDisplay: block;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 @attachedHorizontalOffset: -@borderWidth;
 @attachedVerticalOffset: 0;
@@ -103,9 +102,9 @@
 @orderedFontFamily: inherit;
 @orderedFontWeight: @bold;
 
-/*-------------------
+/* -------------------
        States
---------------------*/
+-------------------- */
 
 /* Completed */
 @completedColor: @positiveColor;
@@ -127,7 +126,6 @@
 @activeHoverBackground: @lightGrey;
 @activeHoverColor: @textColor;
 
-
 /* Disabled */
 @disabledBackground: @background;
 @disabledColor: @disabledTextColor;

package/src/themes/default/elements/text.variables

@@ -2,9 +2,9 @@
             Text
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 @lineHeight: 1;
 
 @mini: 0.4em;
@@ -15,4 +15,3 @@
 @big: 2em;
 @huge: 4em;
 @massive: 8em;
-