fomantic-ui 2.9.1-beta.3 → 2.9.1-beta.30

package/src/themes/round/elements/button.variables

@@ -2,18 +2,16 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 @borderRadius: @circularRadius;
 @textTransform: uppercase;
-@backgroundColor: #FFFFFF;
+@backgroundColor: #fff;
 @backgroundImage: none;
 @fontWeight: bold;
 @textColor: rgba(0, 0, 0, 0.6);
-@boxShadow:
-  0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset
-;
+@boxShadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset;
 
 /* Padding */
 @verticalPadding: 1.25em;
@@ -23,58 +21,57 @@
 @iconOpacity: 0.8;
 @iconDistance: 0.4em;
 @iconTransition: opacity @defaultDuration @defaultEasing;
-@iconMargin: 0em @iconDistance 0em -(@iconDistance / 2);
+@iconMargin: 0 @iconDistance 0 -(@iconDistance / 2);
 @iconVerticalAlign: top;
 
-/*-------------------
+/* -------------------
         Group
---------------------*/
+-------------------- */
 
-@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
+@verticalBoxShadow: 0 0 0 1px @borderColor inset;
 
-
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
-@hoverBackgroundColor: #FAFAFA;
+@hoverBackgroundColor: #fafafa;
 @hoverBackgroundImage: none;
-@hoverBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
+@hoverBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset;
 
-@downBackgroundColor: #F0F0F0;
+@downBackgroundColor: #f0f0f0;
 @downBackgroundImage: none;
-@downBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.35) inset !important;
+@downBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.35) inset !important;
 
-@activeBackgroundColor: #DDDDDD;
+@activeBackgroundColor: #ddd;
 @activeBackgroundImage: none;
-@activeBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset !important;
+@activeBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset !important;
 
-@loadingBackgroundColor: #FFFFFF;
+@loadingBackgroundColor: #fff;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Labeled Icon */
 @labeledIconWidth: 1em + (@verticalPadding * 2);
 @labeledIconBackgroundColor: transparent;
 @labeledIconPadding: (@horizontalPadding + 1em);
 @labeledIconBorder: rgba(0, 0, 0, 0.05);
-@labeledIconColor: '';
+@labeledIconColor: "";
 
 @labeledIconLeftShadow: none;
 @labeledIconRightShadow: none;
 
 /* Basic */
-@basicBoxShadow: 0px 0px 0px 1px @borderColor;
+@basicBoxShadow: 0 0 0 1px @borderColor;
 @iconOffset: 0.05em;
-@basicLoadingColor: #FFFFFF;
+@basicLoadingColor: #fff;
 
-@basicHoverBackground: #FAFAFA;
-@basicHoverBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
+@basicHoverBackground: #fafafa;
+@basicHoverBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
 
 @basicDownBackground: rgba(0, 0, 0, 0.02);
-@basicDownBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+@basicDownBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
 
 @basicActiveBackground: @transparentBlack;
 @basicActiveColor: @selectedTextColor;
@@ -85,24 +82,23 @@
 @basicInvertedDownBackground: @transparentWhite;
 @basicInvertedActiveBackground: @transparentWhite;
 
-@basicInvertedBoxShadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
-@basicInvertedHoverBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor;
-@basicInvertedDownBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor;
-@basicInvertedActiveBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor;
+@basicInvertedBoxShadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
+@basicInvertedHoverBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
+@basicInvertedDownBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
+@basicInvertedActiveBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
 
 @basicInvertedColor: @darkWhite;
 @basicInvertedHoverColor: @darkWhiteHover;
 @basicInvertedDownColor: @darkWhiteActive;
 @basicInvertedActiveColor: @invertedTextColor;
 
-
 /* Basic Group */
 @basicGroupBorder: 1px solid @borderColor;
-@basicGroupBoxShadow: 0px 0px 0px 1px @borderColor;
+@basicGroupBoxShadow: 0 0 0 1px @borderColor;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Colors */
 @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.1));
@@ -114,7 +110,7 @@
 
 /* Attached */
 @attachedOffset: -1px;
-@attachedBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+@attachedBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 @attachedHorizontalPadding: 0.75em;
 
 /* Floated */
@@ -135,4 +131,3 @@
 @big: 1.25rem;
 @huge: 1.375rem;
 @massive: 1.5rem;
-

package/src/themes/rtl/globals/site.overrides

@@ -3,4 +3,4 @@
 *******************************/
 
 /* Import Droid Arabic Kufi */
-@import (css) url('https://fonts.googleapis.com/css2?family=Droid+Arabic+Kufi');
+@import (css) url("https://fonts.googleapis.com/css2?family=Droid+Arabic+Kufi");

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

@@ -2,13 +2,12 @@
          Site Settings
 *******************************/
 
-/*-------------------
+/* -------------------
        Fonts
---------------------*/
+-------------------- */
 
-@googleFontName    : 'Droid Sans';
+@googleFontName: "Droid Sans";
 
 /* Kufi imported in site.overrides */
-@headerFont        : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@pageFont          : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-
+@headerFont: "Droid Arabic Kufi", "Droid Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@pageFont: "Droid Arabic Kufi", "Droid Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;

package/src/themes/striped/modules/progress.overrides

@@ -3,27 +3,31 @@
 *******************************/
 
 .ui.progress .bar {
-  background-size: 30px 30px;
-  background-image:
-    linear-gradient(
-      135deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%,
-      transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%,
-      transparent 75%, transparent
-    )
-  ;
+    background-size: 30px 30px;
+    // prettier-ignore
+    background-image: linear-gradient(
+        135deg,
+        rgba(255, 255, 255, 0.08) 25%,
+        transparent 25%,
+        transparent 50%,
+        rgba(255, 255, 255, 0.08) 50%,
+        rgba(255, 255, 255, 0.08) 75%,
+        transparent 75%,
+        transparent
+    );
 }
 
 .ui.progress.active .bar::after {
-  animation: none;
+    animation: none;
 }
 .ui.progress.active .bar {
-  animation: progress-striped 3s linear infinite;
+    animation: progress-striped 3s linear infinite;
 }
 @keyframes progress-striped {
-  0% {
-    background-position: 0px 0;
-  }
-  100% {
-    background-position: 60px 0;
-  }
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 60px 0;
+    }
 }

package/src/themes/systemfont/globals/reset.overrides

@@ -4,5 +4,5 @@
 
 b,
 strong {
-  font-weight: 600;
+    font-weight: 600;
 }

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

@@ -2,9 +2,9 @@
      User Global Variables
 *******************************/
 
-@fontName          : '';
-@headerFont        : @fallbackFonts;
-@pageFont          : @fallbackFonts;
-@importGoogleFonts : false;
-@importFonts       : false;
-@bold              : 600;
+@fontName: "";
+@headerFont: @fallbackFonts;
+@pageFont: @fallbackFonts;
+@importGoogleFonts: false;
+@importFonts: false;
+@bold: 600;

package/src/themes/timeline/views/feed.overrides

@@ -3,25 +3,25 @@
 *******************************/
 
 .ui.feed > .event .label {
-  border-left: 3px solid #DDDDDD;
+    border-left: 3px solid #ddd;
 }
 .ui.feed > .event:last-child .label {
-  border-left-color: transparent;
+    border-left-color: transparent;
 }
 
 .ui.feed > .event > .label {
-  margin-left: 1.6em;
+    margin-left: 1.6em;
 }
 
 .ui.feed > .event > .label > img,
 .ui.feed > .event > .label > .icon {
-  background-color: #009FDA;
-  border-radius: 500rem;
-  color: #FFFFFF;
-  width: 3rem;
-  height: 3rem;
-  line-height: 1.5;
-  left: -1.6rem;
-  opacity: 1;
-  position: relative;
+    background-color: #009fda;
+    border-radius: 500rem;
+    color: #fff;
+    width: 3rem;
+    height: 3rem;
+    line-height: 1.5;
+    left: -1.6rem;
+    opacity: 1;
+    position: relative;
 }

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

@@ -2,19 +2,19 @@
              Feed
 *******************************/
 
-/*-------------------
+/* -------------------
       Elements
---------------------*/
+-------------------- */
 
-@eventMargin: 0em;
+@eventMargin: 0;
 @eventDivider: none;
-@eventPadding: 0em;
+@eventPadding: 0;
 
 /* Event Label */
 @labelWidth: 3em;
 @labelHeight: auto;
 
-@labeledContentMargin: 0.75em 0em 2em 0.75em;
+@labeledContentMargin: 0.75em 0 2em 0.75em;
 
 /* Icon */
 @iconLabelBackground: @primaryColor;
@@ -23,7 +23,7 @@
 
 /* Metadata Group */
 @metadataDisplay: inline-block;
-@metadataMargin: 1em 0em 0em;
+@metadataMargin: 1em 0 0;
 @metadataBackground: @white @subtleGradient;
 @metadataBorder: 1px solid @solidBorderColor;
 @metadataBorderRadius: 0.25em;
@@ -31,6 +31,6 @@
 @metadataPadding: 0.5em 1em;
 @metadataColor: rgba(0, 0, 0, 0.6);
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */

package/src/themes/twitter/elements/button.overrides

@@ -3,11 +3,10 @@
 *******************************/
 
 .ui.primary.button {
-  box-shadow:
-    0px 0px 0px 1px #3B88C3 inset,
-    0 2px 0 rgba(255, 255, 255, 0.15) inset
-  ;
+    box-shadow:
+        0 0 0 1px #3b88c3 inset,
+        0 2px 0 rgba(255, 255, 255, 0.15) inset;
 }
 .ui.primary.button > .icon {
-  color: #FFFFFF;
+    color: #fff;
 }

package/src/themes/twitter/elements/button.variables

@@ -1,23 +1,23 @@
-/*-------------------
+/* -------------------
    Global Variables
---------------------*/
+-------------------- */
 
 @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
-@textColor: #66757F;
-@blue: #55ACEE;
+@textColor: #66757f;
+@blue: #55acee;
 
-/*-------------------
+/* -------------------
    Button Variables
---------------------*/
+-------------------- */
 
-@backgroundColor: #F5F8FA;
+@backgroundColor: #f5f8fa;
 @backgroundImage: linear-gradient(@white, @backgroundColor);
-@color: #66757F;
-@borderBoxShadowColor: #E1E8ED;
+@color: #66757f;
+@borderBoxShadowColor: #e1e8ed;
 
 @textTransform: none;
 @fontWeight: bold;
-@textColor: #333333;
+@textColor: #333;
 
 @horizontalPadding: 1.284em;
 @verticalPadding: 0.8571em;
@@ -27,18 +27,17 @@
 @primaryColor: @blue;
 @coloredBackgroundImage: @subtleGradient;
 
-
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
-@hoverBackgroundColor: #E1E8ED;
+@hoverBackgroundColor: #e1e8ed;
 @hoverBackgroundImage: linear-gradient(@white, @hoverBackgroundColor);
-@hoverColor: #292F33;
+@hoverColor: #292f33;
 
-@downBackgroundColor: #E1E8ED;
-@downColor: #292F33;
-@downPressedShadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;
+@downBackgroundColor: #e1e8ed;
+@downColor: #292f33;
+@downPressedShadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
 
 @labeledIconBackgroundColor: rgba(85, 172, 238, 0.05);
 @labeledIconBorder: rgba(0, 0, 0, 0.1);