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

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

@@ -2,9 +2,9 @@
             Progress
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @verticalSpacing: 1em;
 @margin: @verticalSpacing 0 (@labelHeight + @verticalSpacing);
@@ -20,14 +20,13 @@
 /* Bar */
 @barPosition: relative;
 @barHeight: 1.75em;
-@barBackground: #888888;
+@barBackground: #888;
 @barBorderRadius: @borderRadius;
 @barTransitionEasing: @defaultEasing;
 @barTransitionDuration: @defaultDuration;
 @barTransition:
-  width @barTransitionDuration @barTransitionEasing,
-  background-color @barTransitionDuration @barTransitionEasing
-;
+    width @barTransitionDuration @barTransitionEasing,
+    background-color @barTransitionDuration @barTransitionEasing;
 @barInitialWidth: 0;
 @barMinWidth: 2em;
 
@@ -63,16 +62,16 @@
 @labelTextAlign: center;
 @labelTransition: color 0.4s @defaultEasing;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
-@indicatingFirstColor: #D95C5C;
-@indicatingSecondColor: #EFBC72;
-@indicatingThirdColor: #E6BB48;
-@indicatingFourthColor: #DDC928;
-@indicatingFifthColor: #B4D95C;
-@indicatingSixthColor: #66DA81;
+@indicatingFirstColor: #d95c5c;
+@indicatingSecondColor: #efbc72;
+@indicatingThirdColor: #e6bb48;
+@indicatingFourthColor: #ddc928;
+@indicatingFifthColor: #b4d95c;
+@indicatingSixthColor: #66da81;
 
 @indicatingFirstLabelColor: @textColor;
 @indicatingSecondLabelColor: @textColor;
@@ -88,9 +87,9 @@
 @invertedIndicatingFifthLabelColor: @invertedTextColor;
 @invertedIndicatingSixthLabelColor: @invertedTextColor;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Active */
 @activePulseColor: @white;
@@ -98,10 +97,9 @@
 @activePulseDuration: 2s;
 @activeMinWidth: @barMinWidth;
 
-
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Attached */
 @attachedBackground: transparent;

package/src/themes/default/modules/rating.variables

@@ -10,16 +10,14 @@
 @iconWidth: 1.25em;
 @iconHeight: auto;
 @iconTransition:
-  opacity @defaultDuration @defaultEasing,
-  background @defaultDuration @defaultEasing,
-  text-shadow @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing
-;
+    opacity @defaultDuration @defaultEasing,
+    background @defaultDuration @defaultEasing,
+    text-shadow @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing;
 
-
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Standard */
 @inactiveBackground: transparent;
@@ -33,15 +31,15 @@
 
 @shadowWidth: 1px;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 @interactiveActiveIconOpacity: 1;
 @interactiveSelectedIconOpacity: 1;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 @massive: 2rem;

package/src/themes/default/modules/search.variables

@@ -13,11 +13,10 @@
 @promptBorderRadius: @circularRadius;
 @promptColor: @textColor;
 @promptTransition:
-  background-color @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing,
-  box-shadow @defaultDuration @defaultEasing,
-  border-color @defaultDuration @defaultEasing
-;
+    background-color @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing,
+    box-shadow @defaultDuration @defaultEasing,
+    border-color @defaultDuration @defaultEasing;
 @promptBoxShadow: 0 0 0 0 transparent inset;
 
 /* Mobile */
@@ -25,7 +24,7 @@
 
 /* Result Box */
 @resultsWidth: 18em;
-@resultsBackground: #FFFFFF;
+@resultsBackground: #fff;
 @resultsDistance: 0.5em;
 @resultsBorderRadius: @defaultBorderRadius;
 @resultsBorder: 1px solid @solidBorderColor;
@@ -95,7 +94,6 @@
 @actionFontWeight: @bold;
 @actionAlign: center;
 
-
 /*******************************
             States
 *******************************/
@@ -107,7 +105,7 @@
 
 /* Hover */
 @resultHoverBackground: @offWhite;
-@actionHoverBackground: #E0E0E0;
+@actionHoverBackground: #e0e0e0;
 
 /* Loading */
 @invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
@@ -124,7 +122,6 @@
 @resultActiveDescriptionColor: @darkTextColor;
 @resultsZIndex: 998;
 
-
 /*******************************
             Types
 *******************************/
@@ -134,12 +131,11 @@
 
 @selectionCloseTop: 0;
 @selectionCloseTransition:
-  color @defaultDuration @defaultEasing,
-  opacity @defaultDuration @defaultEasing
-;
+    color @defaultDuration @defaultEasing,
+    opacity @defaultDuration @defaultEasing;
 @selectionCloseRight: 0;
 @selectionCloseIconOpacity: 0.8;
-@selectionCloseIconColor: '';
+@selectionCloseIconColor: "";
 @selectionCloseIconHoverOpacity: 1;
 @selectionCloseIconHoverColor: @red;
 
@@ -150,9 +146,8 @@
 @categoryBoxShadow: none;
 @categoryDivider: 1px solid @internalBorderColor;
 @categoryTransition:
-  background @defaultDuration @defaultEasing,
-  border-color @defaultDuration @defaultEasing
-;
+    background @defaultDuration @defaultEasing,
+    border-color @defaultDuration @defaultEasing;
 
 @categoryResultsWidth: 28em;
 
@@ -178,4 +173,4 @@
 @largeSearchSize: @relativeLarge;
 @bigSearchSize: @relativeBig;
 @hugeSearchSize: @relativeHuge;
-@massiveSearchSize: @relativeMassive;
+@massiveSearchSize: @relativeMassive;

package/src/themes/default/modules/shape.variables

@@ -14,24 +14,23 @@
 @animatingZIndex: 100;
 
 @transition:
-  transform @duration @easing,
-  left @duration @easing,
-  width @duration @easing,
-  height @duration @easing
-;
+    transform @duration @easing,
+    left @duration @easing,
+    width @duration @easing,
+    height @duration @easing;
 @sideTransition: opacity @duration @easing;
 @backfaceVisibility: hidden;
 
 /* Side */
 @sideMargin: 0;
 
-/*--------------
+/* --------------
       Types
----------------*/
+--------------- */
 
 /* Cube */
 @cubeSize: 15em;
-@cubeBackground: #E6E6E6;
+@cubeBackground: #e6e6e6;
 @cubePadding: 2em;
 @cubeTextColor: @textColor;
 @cubeBoxShadow: 0 0 2px rgba(0, 0, 0, 0.3);

package/src/themes/default/modules/sidebar.variables

@@ -2,9 +2,9 @@
              Sidebar
 *******************************/
 
-/*-------------------
+/* -------------------
        Content
---------------------*/
+-------------------- */
 
 /* Animation */
 @perspective: 1500px;
@@ -33,9 +33,9 @@
 @topLayer: 102;
 @dimmerLayer: 1000;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Width */
 @veryThinWidth: 60px;

package/src/themes/default/modules/slider.variables

@@ -2,82 +2,83 @@
         Slider Variables
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
-@height        : 1.5em;
-@hoverPointer  : auto;
-@padding       : 1em .5em;
+@height: 1.5em;
+@hoverPointer: auto;
+@padding: 1em 0.5em;
 
 /* Track */
-@trackHeight        : .4em;
-@trackPositionTop   : (@height / 2) - (@trackHeight / 2);
-@background         : #ccc;
-@trackBorderRadius  : 4px;
-@trackColor         : @transparentBlack;
+@trackHeight: 0.4em;
+@trackPositionTop: (@height / 2) - (@trackHeight / 2);
+@background: #ccc;
+@trackBorderRadius: 4px;
+@trackColor: @transparentBlack;
 
 /* Track Fill */
-@trackFillHeight             : @trackHeight;
-@trackFillColor              : @black;
-@trackFillColorFocus         : @blackHover;
-@invertedTrackFillColor      : @lightBlack;
-@invertedTrackFillColorFocus : @lightBlackHover;
-@trackFillBorderRadius       : @trackBorderRadius;
+@trackFillHeight: @trackHeight;
+@trackFillColor: @black;
+@trackFillColorFocus: @blackHover;
+@invertedTrackFillColor: @lightBlack;
+@invertedTrackFillColorFocus: @lightBlackHover;
+@trackFillBorderRadius: @trackBorderRadius;
 
 /* Thumb */
-@thumbHeight              : @height;
-@thumbBorderRadius        : 100%;
-@thumbBackground          : @white @subtleGradient;
-@thumbShadow              : @subtleShadow, 0 0 0 1px @borderColor inset;
-@thumbTransitionDuration  : 0.3s;
-@thumbTransition          : background @thumbTransitionDuration @defaultEasing;
+@thumbHeight: @height;
+@thumbBorderRadius: 100%;
+@thumbBackground: @white @subtleGradient;
+@thumbShadow:
+    @subtleShadow,
+    0 0 0 1px @borderColor inset;
+@thumbTransitionDuration: 0.3s;
+@thumbTransition: background @thumbTransitionDuration @defaultEasing;
 @thumbVerticalSliderOffset: 0.03em;
 
 /* Thumb Hover */
-@thumbHoverPointer    : pointer;
-@thumbHoverBackground : @whiteHover @subtleGradient;
+@thumbHoverPointer: pointer;
+@thumbHoverBackground: @whiteHover @subtleGradient;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Disabled */
-@disabledOpactiy        : .5;
-@disabledTrackFillColor : @background;
+@disabledOpactiy: 0.5;
+@disabledTrackFillColor: @background;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Vertical */
-@verticalPadding : .5em 1em;
+@verticalPadding: 0.5em 1em;
 
 /* Labeled */
-@labelHeight  : @height;
-@labelWidth   : 1px;
-@labelColor   : @background;
-@labelPadding : 0.2em 0;
+@labelHeight: @height;
+@labelWidth: 1px;
+@labelColor: @background;
+@labelPadding: 0.2em 0;
 
 /* Hover */
-@hoverVarOpacity                 : 0;
-@hoverVarHoverOpacity            : 1;
-@hoverOpacityTransitionDuration  : 0.2s;
-@hoverOpacityTransition          : opacity @hoverOpacityTransitionDuration linear;
+@hoverVarOpacity: 0;
+@hoverVarHoverOpacity: 1;
+@hoverOpacityTransitionDuration: 0.2s;
+@hoverOpacityTransition: opacity @hoverOpacityTransitionDuration linear;
 
 /* Sizing */
-@smallHeight            : 1em;
-@smallLabelHeight       : @smallHeight;
-@smallTrackHeight       : 0.3em;
-@smallTrackPositionTop  : (@smallHeight / 2) - (@smallTrackHeight / 2);
-
-@largeHeight            : 2em;
-@largeLabelHeight       : @largeHeight;
-@largeTrackHeight       : 0.5em;
-@largeTrackPositionTop  : (@largeHeight / 2) - (@largeTrackHeight / 2);
-
-@bigHeight              : 2.5em;
-@bigLabelHeight         : @bigHeight;
-@bigTrackHeight         : 0.6em;
-@bigTrackPositionTop    : (@bigHeight / 2) - (@bigTrackHeight / 2);
-
+@smallHeight: 1em;
+@smallLabelHeight: @smallHeight;
+@smallTrackHeight: 0.3em;
+@smallTrackPositionTop: (@smallHeight / 2) - (@smallTrackHeight / 2);
+
+@largeHeight: 2em;
+@largeLabelHeight: @largeHeight;
+@largeTrackHeight: 0.5em;
+@largeTrackPositionTop: (@largeHeight / 2) - (@largeTrackHeight / 2);
+
+@bigHeight: 2.5em;
+@bigLabelHeight: @bigHeight;
+@bigTrackHeight: 0.6em;
+@bigTrackPositionTop: (@bigHeight / 2) - (@bigTrackHeight / 2);

package/src/themes/default/modules/sticky.variables

@@ -4,4 +4,4 @@
 
 @transitionDuration: @defaultDuration;
 @transition: none;
-@zIndex: 800;
+@zIndex: 800;

package/src/themes/default/modules/toast.variables

@@ -62,11 +62,11 @@
 @toastImageMiniImagePadding: 4.4em;
 
 /* Progressbar Colors */
-@toastInfoProgressColor: darken(@toastInfoColor,15);
-@toastWarningProgressColor: darken(@toastWarningColor,15);
-@toastErrorProgressColor: darken(@toastErrorColor,15);
-@toastSuccessProgressColor: darken(@toastSuccessColor,15);
-@toastNeutralProgressColor: darken(@toastNeutralColor,15);
+@toastInfoProgressColor: darken(@toastInfoColor, 15);
+@toastWarningProgressColor: darken(@toastWarningColor, 15);
+@toastErrorProgressColor: darken(@toastErrorColor, 15);
+@toastSuccessProgressColor: darken(@toastSuccessColor, 15);
+@toastNeutralProgressColor: darken(@toastNeutralColor, 15);
 
 /* Close Icon */
 @toastCloseTopDistance: 0.3em;
@@ -77,12 +77,12 @@
 @toastCloseDistanceVertical: 1em;
 
 /* Actions */
-@toastActionBackground: rgba(255, 255, 255, .25);
-@toastActionBorder: 1px solid rgba(0, 0, 0, .2);
+@toastActionBackground: rgba(255, 255, 255, 0.25);
+@toastActionBorder: 1px solid rgba(0, 0, 0, 0.2);
 @toastActionMargin: -1em;
 @toastActionMarginTop: 0.5em;
 @toastActionMarginLeft: 1em;
 @toastActionMarginBottom: 0.3em;
 @toastActionPadding: 0.5em;
 @toastActionPaddingBottom: 0.75em;
-@toastActionCenteredMargin: 0.25em;
+@toastActionCenteredMargin: 0.25em;