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

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

@@ -8,8 +8,8 @@
 @borderRadius: @defaultBorderRadius;
 @transformOrigin: 50% 25%;
 @boxShadow:
-  1px 3px 3px 0 rgba(0, 0, 0, 0.2),
-  1px 3px 15px 2px rgba(0, 0, 0, 0.2)
+    1px 3px 3px 0 rgba(0, 0, 0, 0.2),
+    1px 3px 15px 2px rgba(0, 0, 0, 0.2)
 ;
 
 /* Close Icon */
@@ -25,10 +25,10 @@
 @closeTop: -(@closeDistance + @closeHitbox);
 @closeRight: -(@closeDistance + @closeHitbox);
 @closeShadow:
-  -1px -1px 2px rgba(0, 0, 0, 0.3),
-  1px -1px 2px rgba(0, 0, 0, 0.3),
-  -1px 2px 2px rgba(0, 0, 0, 0.3),
-  1px 2px 2px rgba(0, 0, 0, 0.3)
+    -1px -1px 2px rgba(0, 0, 0, 0.3),
+    1px -1px 2px rgba(0, 0, 0, 0.3),
+    -1px 2px 2px rgba(0, 0, 0, 0.3),
+    1px 2px 2px rgba(0, 0, 0, 0.3)
 ;
 
 /* Header */
@@ -106,15 +106,15 @@
 /* Coupling */
 @invertedBoxShadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
 
-/*-------------------
+/* -------------------
        States
---------------------*/
+-------------------- */
 
 @loadingZIndex: -1;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Basic */
 @basicModalHeaderColor: @white;
@@ -141,9 +141,9 @@
 @overlayFullscreenScrollingContentMaxHeight: calc(100vh - 9.1rem);
 @overlayFullscreenScrollingContentMaxHeightMobile: calc(100vh - 8.1rem);
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Size Widths */
 @miniRatio: 0.4;
@@ -246,9 +246,9 @@
 @massiveLargeMonitorMargin: 0 0 0 0;
 @massiveWidescreenMonitorMargin: 0 0 0 0;
 
-/*-------------------
+/* -------------------
       Inverted
---------------------*/
+-------------------- */
 @invertedBackground: @fullBlack;
 @invertedCloseColor: @white;
 @invertedHeaderColor: @white;
@@ -258,8 +258,8 @@
 @invertedActionColor: @white;
 @invertedDimmerCloseColor: rgba(0,0,0,.85);
 @invertedCloseShadow:
-  -1px -1px 2px rgba(255, 255, 255, 0.3),
-  1px -1px 2px rgba(255, 255, 255, 0.3),
-  -1px 2px 2px rgba(255, 255, 255, 0.3),
-  1px 2px 2px rgba(255, 255, 255, 0.3)
+    -1px -1px 2px rgba(255, 255, 255, 0.3),
+    1px -1px 2px rgba(255, 255, 255, 0.3),
+    -1px 2px 2px rgba(255, 255, 255, 0.3),
+    1px 2px 2px rgba(255, 255, 255, 0.3)
 ;

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

@@ -2,16 +2,16 @@
              Nag
 *******************************/
 
-/*--------------
+/* --------------
    Collection
----------------*/
+--------------- */
 
 @position: relative;
 @width: 100%;
 @zIndex: 999;
 @margin: 0;
 
-@background: #777777;
+@background: #909090;
 @opacity: 0.95;
 @minHeight: 0;
 @padding: 0.75em 1em;
@@ -24,10 +24,9 @@
 
 @transition: 0.2s background ease;
 
-
-/*--------------
+/* --------------
     Elements
----------------*/
+--------------- */
 
 /* Title */
 @titleColor: @white;
@@ -41,10 +40,9 @@
 @closeTransition: opacity 0.2s ease;
 @closeOpacity: 0.4;
 
-
-/*--------------
+/* --------------
       States
----------------*/
+--------------- */
 
 /* Hover */
 @nagHoverBackground: @background;
@@ -52,9 +50,9 @@
 
 @closeHoverOpacity: 1;
 
-/*--------------
+/* --------------
    Variations
----------------*/
+--------------- */
 
 /* Top / Bottom */
 @top: 0;
@@ -68,9 +66,8 @@
 @invertedTitleColor: @mutedTextColor;
 @invertedCloseColor: @mutedTextColor;
 
-/*--------------
+/* --------------
       Plural
----------------*/
+--------------- */
 
 @groupedBorderRadius: 0;
-

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

@@ -2,9 +2,9 @@
              Popup
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @zIndex: 1900;
 @background: @white;
@@ -21,9 +21,9 @@
 @fontStyle: @normal;
 @borderRadius: @defaultBorderRadius;
 
-/*-------------------
+/* -------------------
        Parts
---------------------*/
+-------------------- */
 
 /* Placement */
 @arrowSize: @relative10px;
@@ -32,7 +32,6 @@
 @boxArrowOffset: 0;
 @popupDistanceAway: @arrowSize;
 
-
 /* Header */
 @headerFontFamily: @headerFont;
 @headerFontWeight: @bold;
@@ -62,9 +61,9 @@
 @rightArrowBoxShadow: -@arrowStroke @arrowStroke 0 0 @arrowColor;
 @bottomArrowBoxShadow: -@arrowStroke -@arrowStroke 0 0 @arrowColor;
 
-/*-------------------
+/* -------------------
        Types
---------------------*/
+-------------------- */
 
 /* Tooltip */
 @tooltipBackground: @background;
@@ -98,23 +97,25 @@
 @tooltipArrowCenterBackground: @arrowCenterBackground;
 @tooltipArrowBottomBackground: @arrowBottomBackground;
 
-/*-------------------
+/* -------------------
        Coupling
---------------------*/
+-------------------- */
 
 /* Grid Inside Popup */
 @nestedGridMargin: -0.7rem -0.875rem; /* (padding * @medium) */
 @nestedGridWidth: e("calc(100% + 1.75rem)");
 
-/*-------------------
+/* -------------------
        States
---------------------*/
+-------------------- */
 
 @loadingZIndex: -1;
 
-/*-------------------
+/* -------------------
        Variations
---------------------*/
+-------------------- */
+
+@multilineWhiteSpace: pre-line;
 
 /* Wide */
 @wideWidth: 350px;

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

@@ -2,9 +2,9 @@
             Progress
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @verticalSpacing: 1em;
 @margin: @verticalSpacing 0 (@labelHeight + @verticalSpacing);
@@ -25,8 +25,8 @@
 @barTransitionEasing: @defaultEasing;
 @barTransitionDuration: @defaultDuration;
 @barTransition:
-  width @barTransitionDuration @barTransitionEasing,
-  background-color @barTransitionDuration @barTransitionEasing
+    width @barTransitionDuration @barTransitionEasing,
+    background-color @barTransitionDuration @barTransitionEasing
 ;
 @barInitialWidth: 0;
 @barMinWidth: 2em;
@@ -63,9 +63,9 @@
 @labelTextAlign: center;
 @labelTransition: color 0.4s @defaultEasing;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 @indicatingFirstColor: #D95C5C;
 @indicatingSecondColor: #EFBC72;
@@ -88,9 +88,9 @@
 @invertedIndicatingFifthLabelColor: @invertedTextColor;
 @invertedIndicatingSixthLabelColor: @invertedTextColor;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Active */
 @activePulseColor: @white;
@@ -98,10 +98,9 @@
 @activePulseDuration: 2s;
 @activeMinWidth: @barMinWidth;
 
-
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Attached */
 @attachedBackground: transparent;

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

@@ -10,16 +10,15 @@
 @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 +32,15 @@
 
 @shadowWidth: 1px;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 @interactiveActiveIconOpacity: 1;
 @interactiveSelectedIconOpacity: 1;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 @massive: 2rem;

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

@@ -13,10 +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;
 
@@ -95,7 +95,6 @@
 @actionFontWeight: @bold;
 @actionAlign: center;
 
-
 /*******************************
             States
 *******************************/
@@ -124,7 +123,6 @@
 @resultActiveDescriptionColor: @darkTextColor;
 @resultsZIndex: 998;
 
-
 /*******************************
             Types
 *******************************/
@@ -134,8 +132,8 @@
 
 @selectionCloseTop: 0;
 @selectionCloseTransition:
-  color @defaultDuration @defaultEasing,
-  opacity @defaultDuration @defaultEasing
+    color @defaultDuration @defaultEasing,
+    opacity @defaultDuration @defaultEasing
 ;
 @selectionCloseRight: 0;
 @selectionCloseIconOpacity: 0.8;
@@ -150,8 +148,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 +176,4 @@
 @largeSearchSize: @relativeLarge;
 @bigSearchSize: @relativeBig;
 @hugeSearchSize: @relativeHuge;
-@massiveSearchSize: @relativeMassive;
+@massiveSearchSize: @relativeMassive;

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

@@ -14,10 +14,10 @@
 @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;
@@ -25,9 +25,9 @@
 /* Side */
 @sideMargin: 0;
 
-/*--------------
+/* --------------
       Types
----------------*/
+--------------- */
 
 /* Cube */
 @cubeSize: 15em;

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,81 @@
         Slider Variables
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
-@height        : 1.5em;
-@hoverPointer  : auto;
-@padding       : 1em .5em;
+@height : 1.5em;
+@hoverPointer : auto;
+@padding : 1em .5em;
 
 /* Track */
-@trackHeight        : .4em;
-@trackPositionTop   : (@height / 2) - (@trackHeight / 2);
-@background         : #ccc;
-@trackBorderRadius  : 4px;
-@trackColor         : @transparentBlack;
+@trackHeight : .4em;
+@trackPositionTop : (@height / 2) - (@trackHeight / 2);
+@background : #ccc;
+@trackBorderRadius : 4px;
+@trackColor : @transparentBlack;
 
 /* Track Fill */
-@trackFillHeight             : @trackHeight;
-@trackFillColor              : @black;
-@trackFillColorFocus         : @blackHover;
-@invertedTrackFillColor      : @lightBlack;
+@trackFillHeight : @trackHeight;
+@trackFillColor : @black;
+@trackFillColorFocus : @blackHover;
+@invertedTrackFillColor : @lightBlack;
 @invertedTrackFillColorFocus : @lightBlackHover;
-@trackFillBorderRadius       : @trackBorderRadius;
+@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;
+@thumbHoverPointer : pointer;
 @thumbHoverBackground : @whiteHover @subtleGradient;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Disabled */
-@disabledOpactiy        : .5;
+@disabledOpactiy : .5;
 @disabledTrackFillColor : @background;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Vertical */
 @verticalPadding : .5em 1em;
 
 /* Labeled */
-@labelHeight  : @height;
-@labelWidth   : 1px;
-@labelColor   : @background;
+@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

@@ -85,4 +85,4 @@
 @toastActionMarginBottom: 0.3em;
 @toastActionPadding: 0.5em;
 @toastActionPaddingBottom: 0.75em;
-@toastActionCenteredMargin: 0.25em;
+@toastActionCenteredMargin: 0.25em;