fomantic-ui 2.9.1-beta.25 → 2.9.1-beta.27

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

@@ -32,21 +32,21 @@
     /* In */
     @keyframes browseIn {
         0% {
-            transform: scale(0.8) translateZ(0px);
+            transform: scale(0.8) translateZ(0);
             z-index: -1;
         }
         10% {
-            transform: scale(0.8) translateZ(0px);
+            transform: scale(0.8) translateZ(0);
             z-index: -1;
             opacity: 0.7;
         }
         80% {
-            transform: scale(1.05) translateZ(0px);
+            transform: scale(1.05) translateZ(0);
             opacity: 1;
             z-index: 999;
         }
         100% {
-            transform: scale(1) translateZ(0px);
+            transform: scale(1) translateZ(0);
             z-index: 999;
         }
     }
@@ -55,7 +55,7 @@
     @keyframes browseOutLeft {
         0% {
             z-index: 999;
-            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+            transform: translateX(0) rotateY(0) rotateX(0);
         }
         50% {
             z-index: -1;
@@ -66,14 +66,14 @@
         }
         100% {
             z-index: -1;
-            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+            transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
             opacity: 0;
         }
     }
     @keyframes browseOutRight {
         0% {
             z-index: 999;
-            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+            transform: translateX(0) rotateY(0) rotateX(0);
         }
         50% {
             z-index: 1;
@@ -84,7 +84,7 @@
         }
         100% {
             z-index: 1;
-            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+            transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
             opacity: 0;
         }
     }
@@ -183,7 +183,7 @@
         }
         100% {
             opacity: 1;
-            transform: translateY(0%);
+            transform: translateY(0);
         }
     }
     @keyframes fadeInDown {
@@ -193,7 +193,7 @@
         }
         100% {
             opacity: 1;
-            transform: translateY(0%);
+            transform: translateY(0);
         }
     }
     @keyframes fadeInLeft {
@@ -203,7 +203,7 @@
         }
         100% {
             opacity: 1;
-            transform: translateX(0%);
+            transform: translateX(0);
         }
     }
     @keyframes fadeInRight {
@@ -213,7 +213,7 @@
         }
         100% {
             opacity: 1;
-            transform: translateX(0%);
+            transform: translateX(0);
         }
     }
 
@@ -229,7 +229,7 @@
     @keyframes fadeOutUp {
         0% {
             opacity: 1;
-            transform: translateY(0%);
+            transform: translateY(0);
         }
         100% {
             opacity: 0;
@@ -239,7 +239,7 @@
     @keyframes fadeOutDown {
         0% {
             opacity: 1;
-            transform: translateY(0%);
+            transform: translateY(0);
         }
         100% {
             opacity: 0;
@@ -249,7 +249,7 @@
     @keyframes fadeOutLeft {
         0% {
             opacity: 1;
-            transform: translateX(0%);
+            transform: translateX(0);
         }
         100% {
             opacity: 0;
@@ -259,7 +259,7 @@
     @keyframes fadeOutRight {
         0% {
             opacity: 1;
-            transform: translateX(0%);
+            transform: translateX(0);
         }
         100% {
             opacity: 0;
@@ -297,7 +297,7 @@
             opacity: 0;
         }
         100% {
-            transform: perspective(2000px) rotateY(0deg);
+            transform: perspective(2000px) rotateY(0);
             opacity: 1;
         }
     }
@@ -307,7 +307,7 @@
             opacity: 0;
         }
         100% {
-            transform: perspective(2000px) rotateX(0deg);
+            transform: perspective(2000px) rotateX(0);
             opacity: 1;
         }
     }
@@ -315,7 +315,7 @@
     /* Out */
     @keyframes horizontalFlipOut {
         0% {
-            transform: perspective(2000px) rotateY(0deg);
+            transform: perspective(2000px) rotateY(0);
             opacity: 1;
         }
         100% {
@@ -325,7 +325,7 @@
     }
     @keyframes verticalFlipOut {
         0% {
-            transform: perspective(2000px) rotateX(0deg);
+            transform: perspective(2000px) rotateX(0);
             opacity: 1;
         }
         100% {
@@ -727,7 +727,7 @@
             transform: perspective(1000px) rotateX(-7.5deg);
         }
         100% {
-            transform: perspective(1000px) rotateX(0deg);
+            transform: perspective(1000px) rotateX(0);
         }
     }
     @keyframes swingInY {
@@ -746,14 +746,14 @@
             transform: perspective(1000px) rotateY(7.5deg);
         }
         100% {
-            transform: perspective(1000px) rotateY(0deg);
+            transform: perspective(1000px) rotateY(0);
         }
     }
 
     /* Out */
     @keyframes swingOutX {
         0% {
-            transform: perspective(1000px) rotateX(0deg);
+            transform: perspective(1000px) rotateX(0);
         }
         40% {
             transform: perspective(1000px) rotateX(-7.5deg);
@@ -772,7 +772,7 @@
     }
     @keyframes swingOutY {
         0% {
-            transform: perspective(1000px) rotateY(0deg);
+            transform: perspective(1000px) rotateY(0);
         }
         40% {
             transform: perspective(1000px) rotateY(7.5deg);

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

@@ -26,7 +26,7 @@
     @borderShadow
 ;
 @border: none;
-@zIndex: '';
+@zIndex: "";
 @transition:
     box-shadow @defaultDuration @defaultEasing,
     transform @defaultDuration @defaultEasing
@@ -68,7 +68,7 @@
 @contentBorder: none;
 
 /* Header */
-@headerMargin: '';
+@headerMargin: "";
 @headerFontWeight: @bold;
 @headerFontSize: @relativeBig;
 @headerLineHeightOffset: (-(@lineHeight - 1em) / 2);
@@ -84,15 +84,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;
@@ -106,7 +106,7 @@
 @descriptionColor: rgba(0, 0, 0, 0.68);
 
 /* Content Image */
-@contentImageWidth: '';
+@contentImageWidth: "";
 @contentImageVerticalAlign: middle;
 
 /* Avatar Image */
@@ -118,7 +118,7 @@
 
 /* Dimmer */
 @dimmerZIndex: 10;
-@dimmerColor: '';
+@dimmerColor: "";
 
 /* Additional Content */
 @extraDivider: 1px solid rgba(0, 0, 0, 0.05);
@@ -147,7 +147,7 @@
 
 /* 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 */

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

@@ -80,7 +80,7 @@
 -------------------- */
 
 /* 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;
 

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

@@ -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;
 

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

@@ -18,7 +18,7 @@
 @width: 100%;
 @boxShadow: none;
 @border: none;
-@zIndex: '';
+@zIndex: "";
 @transition: box-shadow @defaultDuration @defaultEasing;
 
 /* Responsive */
@@ -42,7 +42,7 @@
 /* Image */
 @imageDisplay: block;
 @imageFloat: none;
-@imageMaxHeight: '';
+@imageMaxHeight: "";
 @imageVerticalAlign: start;
 @imageMargin: 0;
 @imagePadding: 0;
@@ -85,18 +85,18 @@
 @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 */
@@ -107,7 +107,7 @@
 @descriptionColor: @textColor;
 
 /* Content Image */
-@contentImageWidth: '';
+@contentImageWidth: "";
 @contentImageVerticalAlign: center;
 
 /* Avatar Image */
@@ -168,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/famfamfam/elements/flag.overrides

@@ -26,7 +26,7 @@ i.flag:not(.icon) {
 /* Sprite */
 i.flag:not(.icon)::before {
     display: inline-block;
-    content: '';
+    content: "";
     background: url(@spritePath) no-repeat -108px -1976px;
     width: @width;
     height: @height;

package/src/themes/famfamfam/elements/flag.variables

@@ -2,7 +2,7 @@
             Flag
 *******************************/
 
-@imagePath : '../../themes/famfamfam/assets/images';
+@imagePath: "../../themes/famfamfam/assets/images";
 
 /* -------------------
        Element

package/src/themes/fixed-width/collections/grid.variables

@@ -1,11 +1,11 @@
 /* Fixed Page Grid */
 
 @mobileWidth: auto;
-@mobileMargin: 0em;
-@mobileGutter: 0em;
+@mobileMargin: 0;
+@mobileGutter: 0;
 
 @tabletWidth: auto;
-@tabletMargin: 0em;
+@tabletMargin: 0;
 @tabletGutter: 8%;
 
 @computerWidth: 960px;
@@ -20,4 +20,4 @@
 @widescreenMargin: auto;
 @widescreenMonitorGutter: 0;
 
-@tableWidth: '';
+@tableWidth: "";

package/src/themes/fixed-width/modules/modal.variables

@@ -3,9 +3,9 @@
 @modalLargeMonitorWidth: 800px;
 @modalWidescreenMonitorWidth: 850px;
 
-@modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2);
-@modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2);
-@modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2);
+@modalComputerMargin: 0 0 0 -(@modalComputerWidth / 2);
+@modalLargeMonitorMargin: 0 0 0 -(@modalLargeMonitorWidth / 2);
+@modalWidescreenMonitorMargin: 0 0 0 -(@modalWidescreenMonitorWidth / 2);
 
 /* -------------------
       Variations
@@ -21,15 +21,15 @@
 @modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio);
 @modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio);
 
-@modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2);
-@modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2);
-@modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2);
+@modalSmallComputerMargin: 0 0 0 -(@modalSmallComputerWidth / 2);
+@modalSmallLargeMonitorMargin: 0 0 0 -(@modalSmallLargeMonitorWidth / 2);
+@modalSmallWidescreenMonitorMargin: 0 0 0 -(@modalSmallWidescreenMonitorWidth / 2);
 
 @modalLargeHeaderSize: 1.3em;
 @modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio);
 @modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio);
 @modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio);
 
-@modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2);
-@modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2);
-@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2);
+@modalLargeComputerMargin: 0 0 0 -(@modalLargeComputerWidth / 2);
+@modalLargeLargeMonitorMargin: 0 0 0 -(@modalLargeLargeMonitorWidth / 2);
+@modalLargeWidescreenMonitorMargin: 0 0 0 -(@modalLargeWidescreenMonitorWidth / 2);

package/src/themes/flat/collections/form.overrides

@@ -16,7 +16,7 @@
     border: none;
     box-shadow: none !important;
     border-bottom: 1px solid #ddd;
-    border-radius: 0em !important;
+    border-radius: 0 !important;
 }
 .ui.form .selection.dropdown > .menu {
     border-top-width: 1px !important;

package/src/themes/flat/collections/form.variables

@@ -7,10 +7,10 @@
 -------------------- */
 
 /* Text */
-@paragraphMargin: 1em 0em;
+@paragraphMargin: 1em 0;
 
 /* Field */
-@fieldMargin: 0em 0em 1em;
+@fieldMargin: 0 0 1em;
 
 /* Form Label */
 @labelFontSize: @relative11px;
@@ -22,20 +22,20 @@
 @inputHorizontalPadding: 0.5em;
 @inputBackground: transparent;
 @inputBorder: none;
-@inputBorderRadius: 0em;
+@inputBorderRadius: 0;
 @inputBoxShadow: none;
 @invertedInputColor: @invertedTextColor;
 
 @textAreaPadding: 1em;
 @textAreaBackground: transparent;
-@textAreaFocusBackground: #EEEEEE;
-@textAreaBorder: 1px solid #DDDDDD;
+@textAreaFocusBackground: #eee;
+@textAreaBorder: 1px solid #ddd;
 
 /* Divider */
-@dividerMargin: 1em 0em;
+@dividerMargin: 1em 0;
 
 /* Validation Prompt */
-@validationMargin: 0em 0em 0em 1em;
+@validationMargin: 0 0 0 1em;
 @validationArrowOffset: -0.3em;
 
 /* -------------------
@@ -45,18 +45,18 @@
 /* Disabled */
 
 /* Focus */
-@inputFocusPointerSize: 0px;
-@inputErrorPointerSize: 0px;
+@inputFocusPointerSize: 0;
+@inputErrorPointerSize: 0;
 
 /* Dropdown Error */
-@dropdownErrorHoverBackground: #FFF2F2;
-@dropdownErrorActiveBackground: #FDCFCF;
+@dropdownErrorHoverBackground: #fff2f2;
+@dropdownErrorActiveBackground: #fdcfcf;
 
 /* Focused Error */
 @inputErrorFocusBackground: @negativeBackgroundColor;
 @inputErrorFocusColor: @negativeColorHover;
 @inputErrorFocusBorder: @negativeBorderColor;
-@inputErrorFocusBoxShadow: @inputErrorPointerSize 0em 0em 0em @negativeColorHover inset;
+@inputErrorFocusBoxShadow: @inputErrorPointerSize 0 0 0 @negativeColorHover inset;
 
 /* Placeholder */
 @inputPlaceholderColor: lighten(@inputColor, 55);

package/src/themes/flat/globals/site.variables

@@ -6,83 +6,83 @@
         Paths
 -------------------- */
 
-@imagePath : "../../themes/default/assets/images";
-@fontPath : "../../themes/default/assets/fonts";
+@imagePath: "../../themes/default/assets/images";
+@fontPath: "../../themes/default/assets/fonts";
 
 /* -------------------
        Fonts
 -------------------- */
 
-@headerFont : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
-@pageFont : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@headerFont: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@pageFont: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
 
 /* -------------------
       Site Colors
 -------------------- */
 
 /* ---  Colors  --- */
-@blue : #0074D9;
-@green : #2ECC40;
-@orange : #FF851B;
-@pink : #D9499A;
-@purple : #A24096;
-@red : #FF4136;
-@teal : #39CCCC;
-@yellow : #FFCB08;
-
-@black : #191919;
-@grey : #CCCCCC;
-@white : #FFFFFF;
+@blue: #0074d9;
+@green: #2ecc40;
+@orange: #ff851b;
+@pink: #d9499a;
+@purple: #a24096;
+@red: #ff4136;
+@teal: #39cccc;
+@yellow: #ffcb08;
+
+@black: #191919;
+@grey: #ccc;
+@white: #fff;
 
 /* ---  Light Colors  --- */
-@lightBlue : #54C8FF;
-@lightGreen : #2ECC40;
-@lightOrange : #FF851B;
-@lightPink : #FF8EDF;
-@lightPurple : #CDC6FF;
-@lightRed : #FF695E;
-@lightTeal : #6DFFFF;
-@lightYellow : #FFE21F;
-
-@primaryColor : @blue;
-@secondaryColor : @black;
+@lightBlue: #54c8ff;
+@lightGreen: #2ecc40;
+@lightOrange: #ff851b;
+@lightPink: #ff8edf;
+@lightPurple: #cdc6ff;
+@lightRed: #ff695e;
+@lightTeal: #6dffff;
+@lightYellow: #ffe21f;
+
+@primaryColor: @blue;
+@secondaryColor: @black;
 
 /* -------------------
         Page
 -------------------- */
 
-@bodyBackground : #FCFCFC;
-@fontSize : 14px;
-@textColor : rgba(0, 0, 0, 0.8);
+@bodyBackground: #fcfcfc;
+@fontSize: 14px;
+@textColor: rgba(0, 0, 0, 0.8);
 
-@headerMargin : 1em 0em 1rem;
-@paragraphMargin : 0em 0em 1em;
+@headerMargin: 1em 0 1rem;
+@paragraphMargin: 0 0 1em;
 
-@linkColor : #009FDA;
-@linkUnderline : none;
-@linkHoverColor : lighten( @linkColor, 5);
-@linkHoverUnderline : @linkUnderline;
+@linkColor: #009fda;
+@linkUnderline: none;
+@linkHoverColor: lighten(@linkColor, 5);
+@linkHoverUnderline: @linkUnderline;
 
-@highlightBackground : #FFFFCC;
-@highlightColor : @textColor;
+@highlightBackground: #ffc;
+@highlightColor: @textColor;
 
 /* -------------------
   Background Colors
 -------------------- */
 
-@subtleTransparentBlack : rgba(0, 0, 0, 0.03);
-@transparentBlack : rgba(0, 0, 0, 0.05);
-@strongTransparentBlack : rgba(0, 0, 0, 0.1);
+@subtleTransparentBlack: rgba(0, 0, 0, 0.03);
+@transparentBlack: rgba(0, 0, 0, 0.05);
+@strongTransparentBlack: rgba(0, 0, 0, 0.1);
 
-@subtleTransparentWhite : rgba(255, 255, 255, 0.01);
-@transparentWhite : rgba(255, 255, 255, 0.05);
-@strongTransparentWhite : rgba(255, 255, 255, 0.01);
+@subtleTransparentWhite: rgba(255, 255, 255, 0.01);
+@transparentWhite: rgba(255, 255, 255, 0.05);
+@strongTransparentWhite: rgba(255, 255, 255, 0.01);
 
 /* Used for differentiating neutrals */
 @subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
 
 /* Used for differentiating layers */
-@subtleShadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
+@subtleShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 
 /* -------------------
         Grid
@@ -94,8 +94,8 @@
      Breakpoints
 -------------------- */
 
-@mobileBreakpoint : 320px;
-@tabletBreakpoint : 768px;
-@computerBreakpoint : 992px;
-@largeMonitorBreakpoint : 1400px;
-@widescreenMonitorBreakpoint : 1900px;
+@mobileBreakpoint: 320px;
+@tabletBreakpoint: 768px;
+@computerBreakpoint: 992px;
+@largeMonitorBreakpoint: 1400px;
+@widescreenMonitorBreakpoint: 1900px;

package/src/themes/github/collections/form.overrides

@@ -10,6 +10,6 @@
 
 .ui.selection.dropdown:focus {
     box-shadow:
-        0px 1px 2px rgba(0, 0, 0, 0.075) inset,
-        0px 0px 5px rgba(81, 167, 232, 0.5);
+        0 1px 2px rgba(0, 0, 0, 0.075) inset,
+        0 0 5px rgba(81, 167, 232, 0.5);
 }