fomantic-ui 2.9.1-beta.8 → 2.9.1

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

@@ -10,7 +10,7 @@
 @backfaceVisibility: hidden;
 
 @pulsatingColor: #808080;
-@pulsatingInvertedColor: #ffffff;
+@pulsatingInvertedColor: #fff;
 @pulsatingDuration: 2000ms;
 @pulsatingDistance: 0.8rem;
 @pulsatingOpacity: 50%;

package/src/themes/default/views/ad.variables

@@ -8,6 +8,6 @@
 @testBackground: @lightBlack;
 @testColor: @white;
 @testFontWeight: @bold;
-@testText: 'Ad';
+@testText: "Ad";
 @testFontSize: @relativeMedium;
 @testMobileFontSize: @relativeTiny;

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

@@ -2,9 +2,9 @@
              Card
 *******************************/
 
-/*-------------------
+/* -------------------
          View
---------------------*/
+-------------------- */
 
 /* Shadow */
 @shadowDistance: 1px;
@@ -22,15 +22,13 @@
 @borderWidth: 1px;
 @borderShadow: 0 0 0 @borderWidth @solidBorderColor;
 @boxShadow:
-  @shadowBoxShadow,
-  @borderShadow
-;
+    @shadowBoxShadow,
+    @borderShadow;
 @border: none;
-@zIndex: '';
+@zIndex: "";
 @transition:
-  box-shadow @defaultDuration @defaultEasing,
-  transform @defaultDuration @defaultEasing
-;
+    box-shadow @defaultDuration @defaultEasing,
+    transform @defaultDuration @defaultEasing;
 
 /* Card Group */
 @horizontalSpacing: 1em;
@@ -46,10 +44,9 @@
 /* Consecutive Cards */
 @consecutiveGroupDistance: (@rowSpacing / 2);
 
-/*-------------------
+/* -------------------
        Content
---------------------*/
-
+-------------------- */
 
 /* Image */
 @imageBackground: @transparentBlack;
@@ -62,15 +59,14 @@
 @contentDivider: @borderWidth solid @internalBorderColor;
 @contentMargin: 0;
 @contentBackground: none;
-@contentPadding: 1em 1em;
+@contentPadding: 1em;
 @contentFontSize: 1em;
 @contentBorderRadius: 0;
 @contentBoxShadow: none;
 @contentBorder: none;
 
-
 /* Header */
-@headerMargin: '';
+@headerMargin: "";
 @headerFontWeight: @bold;
 @headerFontSize: @relativeBig;
 @headerLineHeightOffset: (-(@lineHeight - 1em) / 2);
@@ -86,15 +82,15 @@
 @actionHoverOpacity: 1;
 @actionTransition: color @defaultDuration @defaultEasing;
 
-@starColor: #FFB70A;
-@starActiveColor: #FFE623;
+@starColor: #ffb70a;
+@starActiveColor: #ffe623;
 
-@likeColor: #FF2733;
-@likeActiveColor: #FF2733;
+@likeColor: #ff2733;
+@likeActiveColor: #ff2733;
 
 /* Links */
-@contentLinkColor: '';
-@contentLinkHoverColor: '';
+@contentLinkColor: "";
+@contentLinkHoverColor: "";
 @contentLinkTransition: color @defaultDuration @defaultEasing;
 
 @headerLinkColor: @headerColor;
@@ -108,7 +104,7 @@
 @descriptionColor: rgba(0, 0, 0, 0.68);
 
 /* Content Image */
-@contentImageWidth: '';
+@contentImageWidth: "";
 @contentImageVerticalAlign: middle;
 
 /* Avatar Image */
@@ -120,7 +116,7 @@
 
 /* Dimmer */
 @dimmerZIndex: 10;
-@dimmerColor: '';
+@dimmerColor: "";
 
 /* Additional Content */
 @extraDivider: 1px solid rgba(0, 0, 0, 0.05);
@@ -129,7 +125,7 @@
 @extraWidth: auto;
 @extraTop: 0;
 @extraLeft: 0;
-@extraMargin: 0 0;
+@extraMargin: 0;
 @extraPadding: 0.75em 1em;
 @extraBoxShadow: none;
 @extraColor: @lightTextColor;
@@ -149,16 +145,16 @@
 
 /* Loading Dimmer */
 @loaderDimmerColor: rgba(255, 255, 255, 0.8);
-@loaderInvertedDimmerColor: rgba(0, 0, 0 , 0.85);
+@loaderInvertedDimmerColor: rgba(0, 0, 0, 0.85);
 @loaderDimmerZIndex: 100;
 
 /* Loading Spinner */
 @loaderSize: 3em;
 @loaderLineZIndex: 101;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Link */
 @linkHoverBackground: @white;
@@ -169,9 +165,8 @@
 
 @shadowHoverBoxShadow: 0 @shadowDistance @linkHoverRaiseDistance 0 @solidSelectedBorderColor;
 @linkHoverBoxShadow:
-  @shadowHoverBoxShadow,
-  @borderShadow
-;
+    @shadowHoverBoxShadow,
+    @borderShadow;
 
 /* Horizontal */
 @horizontalMinWidth: 270px;
@@ -180,21 +175,15 @@
 
 /* Raised */
 @raisedShadow:
-  @borderShadow,
-  @floatingShadow
-;
+    @borderShadow,
+    @floatingShadow;
 @raisedShadowHover:
-  @borderShadow,
-  @floatingShadowHover
-;
+    @borderShadow,
+    @floatingShadowHover;
 
 /* Basic Raised */
-@basicRaisedShadow:
-  @floatingShadow
-;
-@basicRaisedShadowHover:
-  @floatingShadowHover
-;
+@basicRaisedShadow: @floatingShadow;
+@basicRaisedShadowHover: @floatingShadowHover;
 
 /* Card Count */
 @wideCardSpacing: 1em;
@@ -259,6 +248,5 @@
 @invertedExtraDivider: 1px solid rgba(255, 255, 255, 0.15);
 @invertedLinkHoverBackground: @black;
 @invertedBoxShadow:
-  0 @shadowDistance 3px 0 @solidWhiteBorderColor,
-  0 0 0 @borderWidth @solidWhiteBorderColor
-;
+    0 @shadowDistance 3px 0 @solidWhiteBorderColor,
+    0 0 0 @borderWidth @solidWhiteBorderColor;

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

@@ -2,17 +2,16 @@
             Comments
 *******************************/
 
-
-/*-------------------
+/* -------------------
        View
---------------------*/
+-------------------- */
 
 @maxWidth: 650px;
 @margin: 1.5em 0;
 
-/*-------------------
+/* -------------------
       Elements
---------------------*/
+-------------------- */
 
 /* Comment */
 @commentBackground: none;
@@ -76,16 +75,15 @@
 
 @commentReplyDistance: @replyDistance;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Threaded */
-@threadedCommentMargin: -1.5em 0 -1em  (@avatarWidth / 2);
+@threadedCommentMargin: -1.5em 0 -1em (@avatarWidth / 2);
 @threadedCommentPadding: 3em 0 2em 2.25em;
 @threadedCommentBoxShadow: -1px 0 0 @borderColor;
 
-
 /* Minimal */
 @minimalActionPosition: absolute;
 @minimalActionTop: 0;

package/src/themes/default/views/feed.variables

@@ -2,15 +2,15 @@
              Feed
 *******************************/
 
-/*-------------------
+/* -------------------
         Feed
---------------------*/
+-------------------- */
 
 @margin: 1em 0;
 
-/*-------------------
+/* -------------------
       Elements
---------------------*/
+-------------------- */
 
 /* Event */
 @eventWidth: 100%;
@@ -119,13 +119,13 @@
 @metadataElementSpacing: 0.75em;
 
 /* Like */
-@likeColor: '';
-@likeHoverColor: #FF2733;
-@likeActiveColor: #EF404A;
+@likeColor: "";
+@likeHoverColor: #ff2733;
+@likeActiveColor: #ef404a;
 @likeTransition: 0.2s color ease;
 
 /* Metadata Divider */
-@metadataDivider: '';
+@metadataDivider: "";
 @metadataDividerColor: rgba(0, 0, 0, 0.2);
 @metadataDividerOffset: -1em;
 
@@ -136,6 +136,6 @@
 
 @metadataActionHoverColor: @selectedTextColor;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */

package/src/themes/default/views/item.variables

@@ -2,9 +2,9 @@
              Item
 *******************************/
 
-/*-------------------
+/* -------------------
          View
---------------------*/
+-------------------- */
 
 /* Group */
 @groupMargin: 1.5em 0;
@@ -18,7 +18,7 @@
 @width: 100%;
 @boxShadow: none;
 @border: none;
-@zIndex: '';
+@zIndex: "";
 @transition: box-shadow @defaultDuration @defaultEasing;
 
 /* Responsive */
@@ -35,15 +35,14 @@
 @mobileImageMaxHeight: 250px;
 @mobileContentImageDistance: 1.5em;
 
-
-/*-------------------
+/* -------------------
        Content
---------------------*/
+-------------------- */
 
 /* Image */
 @imageDisplay: block;
 @imageFloat: none;
-@imageMaxHeight: '';
+@imageMaxHeight: "";
 @imageVerticalAlign: start;
 @imageMargin: 0;
 @imagePadding: 0;
@@ -86,21 +85,20 @@
 @actionTransition: color @defaultDuration @defaultEasing;
 
 /* Actions */
-@favoriteColor: #FFB70A;
-@favoriteActiveColor: #FFE623;
-@likeColor: #FF2733;
-@likeActiveColor: #FF2733;
+@favoriteColor: #ffb70a;
+@favoriteActiveColor: #ffe623;
+@likeColor: #ff2733;
+@likeActiveColor: #ff2733;
 
 /* Links */
 @headerLinkColor: @headerColor;
 @headerLinkHoverColor: @linkHoverColor;
 @metaLinkColor: @lightTextColor;
 @metaLinkHoverColor: @textColor;
-@contentLinkColor: '';
-@contentLinkHoverColor: '';
+@contentLinkColor: "";
+@contentLinkHoverColor: "";
 @contentLinkTransition: color @defaultDuration @defaultEasing;
 
-
 /* Description */
 @descriptionDistance: 0.6em;
 @descriptionMaxWidth: auto;
@@ -109,7 +107,7 @@
 @descriptionColor: @textColor;
 
 /* Content Image */
-@contentImageWidth: '';
+@contentImageWidth: "";
 @contentImageVerticalAlign: center;
 
 /* Avatar Image */
@@ -131,14 +129,14 @@
 @extraTop: 0;
 @extraLeft: 0;
 @extraWidth: 100%;
-@extraPadding: 0 0 0;
+@extraPadding: 0;
 @extraBoxShadow: none;
 @extraColor: @lightTextColor;
 @extraTransition: color @defaultDuration @defaultEasing;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Relaxed */
 @relaxedItemSpacing: 1.5em;
@@ -152,7 +150,6 @@
 @dividedFirstLastMargin: 0;
 @dividedFirstLastPadding: 0;
 
-
 /* Unstackable */
 @unstackableMobileImageWidth: 125px;
 
@@ -171,10 +168,10 @@
 @invertedExtraColor: @invertedLightTextColor;
 @invertedDescriptionColor: @invertedTextColor;
 @invertedMetaColor: rgba(255, 255, 255, 0.8);
-@invertedLikeColor: lighten(@likeColor,10);
-@invertedLikeActiveColor: lighten(@likeActiveColor,10);
-@invertedFavoriteColor: lighten(@favoriteColor,10);
-@invertedFavoriteActiveColor: lighten(@favoriteActiveColor,10);
+@invertedLikeColor: lighten(@likeColor, 10);
+@invertedLikeActiveColor: lighten(@likeActiveColor, 10);
+@invertedFavoriteColor: lighten(@favoriteColor, 10);
+@invertedFavoriteActiveColor: lighten(@favoriteActiveColor, 10);
 @invertedDividedBorder: 1px solid @whiteBorderColor;
 
 @miniItemSize: @relativeMini;

package/src/themes/default/views/statistic.variables

@@ -2,9 +2,9 @@
            Statistic
 *******************************/
 
-/*-------------------
+/* -------------------
          View
---------------------*/
+-------------------- */
 
 @verticalMargin: 1em;
 @margin: @verticalMargin 0;
@@ -20,9 +20,9 @@
 @elementMargin: 0 @horizontalSpacing @rowSpacing;
 @elementMaxWidth: @maxWidth;
 
-/*-------------------
+/* -------------------
        Content
---------------------*/
+-------------------- */
 
 /* Value */
 @valueFont: @pageFont;
@@ -50,16 +50,16 @@
 @imageHeight: 3rem;
 @imageVerticalAlign: baseline;
 
-/*-------------------
+/* -------------------
       Types
---------------------*/
+-------------------- */
 
 @horizontalGroupElementMargin: 1em 0;
 @horizontalLabelDistance: 0.75em;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Floated */
 @leftFloatedMargin: 0 2em 1em 0;

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

@@ -3,4 +3,4 @@
 *******************************/
 
 @shapeBorderColor: @primaryColor @primaryColor @secondaryColor @secondaryColor;
-@invertedShapeBorderColor: @lightPrimaryColor @lightPrimaryColor @lightSecondaryColor @lightSecondaryColor;
+@invertedShapeBorderColor: @lightPrimaryColor @lightPrimaryColor @lightSecondaryColor @lightSecondaryColor;