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

package/src/themes/github/elements/icon.variables

@@ -1,9 +1,9 @@
-@fontPath: '../../themes/github/assets/fonts';
-@fontName: 'octicons';
+@fontPath: "../../themes/github/assets/fonts";
+@fontName: "octicons";
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff2") format('woff');
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff");
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;
@@ -11,11 +11,16 @@
         text-transform: none;
     };
 };
-@icon-deprecated-map: {};
-@icon-outline-map: {};
-@icon-outline-aliases-map: {};
-@icon-brand-map: {};
-@icon-brand-aliases-map: {};
+@icon-deprecated-map: {
+};
+@icon-outline-map: {
+};
+@icon-outline-aliases-map: {
+};
+@icon-brand-map: {
+};
+@icon-brand-aliases-map: {
+};
 
 @width: 1em;
 @height: 1em;
@@ -23,6 +28,6 @@
 @small: 13px;
 @medium: 16px;
 @large: 18px;
-@big : 20px;
+@big: 20px;
 @huge: 28px;
 @massive: 32px;

package/src/themes/github/elements/input.variables

@@ -7,9 +7,9 @@
 @verticalPadding: @relative7px;
 @horizontalPadding: @relative8px;
 
-@borderColor: #CCCCCC;
+@borderColor: #ccc;
 
-@focusBorderColor: #51A7E8;
+@focusBorderColor: #51a7e8;
 @focusBoxShadow:
     0 1px 2px rgba(0, 0, 0, 0.075) inset,
     0 0 5px rgba(81, 167, 232, 0.5)

package/src/themes/github/elements/segment.variables

@@ -7,8 +7,8 @@
 -------------------- */
 
 @segmentBorderWidth: 1px;
-@border: 1px solid #D8DEE2;
-@boxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
+@border: 1px solid #d8dee2;
+@boxShadow: 0 1px 3px rgba(0, 0, 0, 0.075);
 
 @verticalPadding: 20px;
 @horizontalPadding: 20px;
@@ -20,20 +20,20 @@
 *******************************/
 
 /* Raised */
-@raisedBoxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
+@raisedBoxShadow: 0 1px 3px rgba(0, 0, 0, 0.075);
 
 /* Colors */
 @coloredBorderSize: 0.5em;
 
 /* Ordinality */
-@secondaryBackground: #F9F9F9;
+@secondaryBackground: #f9f9f9;
 @secondaryColor: @textColor;
 
-@tertiaryBackground:  #F0F0F0;
+@tertiaryBackground: #f0f0f0;
 @tertiaryColor: @textColor;
 
-@secondaryInvertedBackground: #555555;
+@secondaryInvertedBackground: #555;
 @secondaryInvertedColor: @textColor;
 
-@tertiaryInvertedBackground: #333333;
+@tertiaryInvertedBackground: #333;
 @tertiaryInvertedColor: @textColor;

package/src/themes/github/elements/step.overrides

@@ -19,7 +19,7 @@
     display: block;
     border: none;
     top: 50%;
-    right: 0%;
+    right: 0;
     border-left: none;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     border-right: 1px solid rgba(0, 0, 0, 0.2);

package/src/themes/github/elements/step.variables

@@ -12,15 +12,15 @@
 @activeLastArrowDisplay: block;
 
 /* Group */
-@stepsBackground: #FFFFFF;
-@stepsBoxShadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
+@stepsBackground: #fff;
+@stepsBoxShadow: 0 0 1px 0 rgba(0, 0, 0, 0.15);
 
 /* States */
-@activeBackground: #FFFFFF;
+@activeBackground: #fff;
 @activeIconColor: @darkTextColor;
 
 /* Arrow */
 @arrowTopOffset: 100%;
 @arrowRightOffset: 50%;
 @arrowBorderColor: rgba(0, 0, 0, 0.2);
-@arrowBorderWidth: 0px 0px @borderWidth @borderWidth;
+@arrowBorderWidth: 0 0 @borderWidth @borderWidth;

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

@@ -2,13 +2,13 @@
      User Global Variables
 *******************************/
 
-@pageMinWidth : 1049px;
-@pageOverflowX : visible;
+@pageMinWidth: 1049px;
+@pageOverflowX: visible;
 
 @emSize: 13px;
-@fontSize : 13px;
-@fontName : 'Arial';
-@importGoogleFonts : false;
+@fontSize: 13px;
+@fontName: "Arial";
+@importGoogleFonts: false;
 @importFonts: false;
 
 @h1: 2.25em;
@@ -18,31 +18,31 @@
 @disabledOpacity: 0.3;
 
 /* Colors */
-@blue: #80A6CD;
-@green: #78CB5B;
-@orange: #D26911;
-@black: #333333;
+@blue: #80a6cd;
+@green: #78cb5b;
+@orange: #d26911;
+@black: #333;
 @primaryColor: @green;
 @secondaryColor: @black;
 
 /* Links */
-@linkColor: #4078C0;
+@linkColor: #4078c0;
 @linkHoverColor: @linkColor;
 @linkHoverUnderline: underline;
 
 /* Borders */
 @borderColor: rgba(0, 0, 0, 0.13);
-@solidBorderColor: #DDDDDD;
+@solidBorderColor: #ddd;
 @internalBorderColor: rgba(0, 0, 0, 0.06);
-@selectedBorderColor: #51A7E8;
+@selectedBorderColor: #51a7e8;
 
 /* Breakpoints */
 @largeMonitorBreakpoint: 1049px;
 @computerBreakpoint: @largeMonitorBreakpoint;
 @tabletBreakpoint: @largeMonitorBreakpoint;
 
-@infoBackgroundColor: #E6F1F6;
+@infoBackgroundColor: #e6f1f6;
 
-@infoTextColor: #4E575B;
-@warningTextColor: #613A00;
-@errorTextColor: #991111;
+@infoTextColor: #4e575b;
+@warningTextColor: #613a00;
+@errorTextColor: #911;

package/src/themes/github/modules/dropdown.overrides

@@ -9,14 +9,14 @@
 
 /* Dropdown Carets */
 @font-face {
-    font-family: 'Dropdown';
-    src: url(data:application/font-woff;base64,d09GRk9UVE8AAASEAAsAAAAABwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC5AAAAU8AAAHrSr22AUZGVE0AAARQAAAAHAAAAByNrZ/TR0RFRgAABDQAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadXCGNtYXAAAAKEAAAAVAAAAWQFcOKQaGVhZAAAAQgAAAAyAAAANg+j805oaGVhAAABPAAAABsAAAAkAwcBDWhtdHgAAARsAAAAFgAAAB4EAQASbWF4cAAAAVgAAAAGAAAABgAIUABuYW1lAAABpAAAAN8AAAG2rSbAM3Bvc3QAAALYAAAADAAAACAAAwAAeJxjYGRgYADiKjtG3nh+m68M3EwMIHCBwT0CRN9PyHYCUp6Mqox5QJqDASwNAMNOBrgAAHicY2BkYGB88P8BkFRlYACTjAyogB0AWWsDFgAAAFAAAAgAAHicY2Bm+Mg4gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwAUbEMSQAAeJx1zTEKwkAUBNBJjIoKIggW2mwvBEVvIAgiNhY2VjEuQUh2YY2FeACPYOltvIH3cZJ8ywQS3p/d+QEwwAce/o8v9tDGUOzTU3GDXokD+ihuooeHuMX8Je5ijC9bXtCRP1T20Kcq+/RE3KAX4oDeipsYIRa3mD/FXSzxLtZeeGyR8bUwHGObWUvsoZHghhQRHEed3NLI1d+vyw/c43DleZErzBFixli768UaNQ9n9d11OedsJdxiyk0RZ40zsxPu/G7K7k66IUvW5CrRRrso12d1uqtNbHfcF+IHrnU+mwB4nGNgYGBmgGAZBkYGEIgD8hjBfBYGJyDNxcDBwASEjAwKH279//v/P1iVwofrYDbj/8dgPkQvGwMPkGRhYAWy2MHCbEDMxIAXMOOXHvIAAINhDt14nGNgZsALAAB9AAR4nE2Pv0rEQBCHZ3J7d4vGqEcOFaKC/zolZ6OWwmElNj6ClYWmyivcblyzE+RaK8EHsPMxBBtrwUdwA1fobpI7ZWBYfux8fD8ExgAR+fVVcpMkt4AeIAzLLSi3sdzxyt1WucqU31I+25iDtcvej1Kzh99V7+a19NoRPC1GAEsRvCxHwCP87MG8I7WgDRwWoAcrEMGmnT3YT+N0kB7G6Vk8PHLr2K0Tt04HB3FjMhUCQIESM7xDhfeYA3dcz5IZdOAcHuAD14MgeAu+zTNTRV5oTUR5obgZdwpVZFqQzEfKTiaE4JNwEralHGUuErnQNjE2oYxUwS0ldBTSxI3L7cOyKo60ib0lezSl1Rw+GXdq1pQiH03SdzKka4ymosLQTMcedSuIlEJUMqNcUi0jdIP5Ysb++leqLtSI/NWSTS0xq0WyYajQXPSVP/cLitO4NgB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAANAAR1gAAAAA32BrQnicY2BAAEYQVoVghu0MQgwMAAc/ARcAAA==) format('woff');
+    font-family: Dropdown;
+    src: url("data:application/font-woff;base64,d09GRk9UVE8AAASEAAsAAAAABwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC5AAAAU8AAAHrSr22AUZGVE0AAARQAAAAHAAAAByNrZ/TR0RFRgAABDQAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadXCGNtYXAAAAKEAAAAVAAAAWQFcOKQaGVhZAAAAQgAAAAyAAAANg+j805oaGVhAAABPAAAABsAAAAkAwcBDWhtdHgAAARsAAAAFgAAAB4EAQASbWF4cAAAAVgAAAAGAAAABgAIUABuYW1lAAABpAAAAN8AAAG2rSbAM3Bvc3QAAALYAAAADAAAACAAAwAAeJxjYGRgYADiKjtG3nh+m68M3EwMIHCBwT0CRN9PyHYCUp6Mqox5QJqDASwNAMNOBrgAAHicY2BkYGB88P8BkFRlYACTjAyogB0AWWsDFgAAAFAAAAgAAHicY2Bm+Mg4gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwAUbEMSQAAeJx1zTEKwkAUBNBJjIoKIggW2mwvBEVvIAgiNhY2VjEuQUh2YY2FeACPYOltvIH3cZJ8ywQS3p/d+QEwwAce/o8v9tDGUOzTU3GDXokD+ihuooeHuMX8Je5ijC9bXtCRP1T20Kcq+/RE3KAX4oDeipsYIRa3mD/FXSzxLtZeeGyR8bUwHGObWUvsoZHghhQRHEed3NLI1d+vyw/c43DleZErzBFixli768UaNQ9n9d11OedsJdxiyk0RZ40zsxPu/G7K7k66IUvW5CrRRrso12d1uqtNbHfcF+IHrnU+mwB4nGNgYGBmgGAZBkYGEIgD8hjBfBYGJyDNxcDBwASEjAwKH279//v/P1iVwofrYDbj/8dgPkQvGwMPkGRhYAWy2MHCbEDMxIAXMOOXHvIAAINhDt14nGNgZsALAAB9AAR4nE2Pv0rEQBCHZ3J7d4vGqEcOFaKC/zolZ6OWwmElNj6ClYWmyivcblyzE+RaK8EHsPMxBBtrwUdwA1fobpI7ZWBYfux8fD8ExgAR+fVVcpMkt4AeIAzLLSi3sdzxyt1WucqU31I+25iDtcvej1Kzh99V7+a19NoRPC1GAEsRvCxHwCP87MG8I7WgDRwWoAcrEMGmnT3YT+N0kB7G6Vk8PHLr2K0Tt04HB3FjMhUCQIESM7xDhfeYA3dcz5IZdOAcHuAD14MgeAu+zTNTRV5oTUR5obgZdwpVZFqQzEfKTiaE4JNwEralHGUuErnQNjE2oYxUwS0ldBTSxI3L7cOyKo60ib0lezSl1Rw+GXdq1pQiH03SdzKka4ymosLQTMcedSuIlEJUMqNcUi0jdIP5Ysb++leqLtSI/NWSTS0xq0WyYajQXPSVP/cLitO4NgB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAANAAR1gAAAAA32BrQnicY2BAAEYQVoVghu0MQgwMAAc/ARcAAA==") format("woff");
     font-weight: normal;
     font-style: normal;
 }
 
 .ui.dropdown > .dropdown.icon {
-    font-family: 'Dropdown';
+    font-family: Dropdown;
     line-height: 1;
     height: 1em;
     width: 1.23em;
@@ -30,20 +30,20 @@
     width: auto;
 }
 .ui.dropdown > .dropdown.icon::before {
-    content: '\f0d7';
+    content: "\f0d7";
 }
 
 /* Sub Menu */
 .ui.dropdown .menu .item .dropdown.icon::before {
-    content: '\f0da'/*rtl:'\f0d9'*/;
+    content: "\f0da" /* rtl: "\f0d9" */;
 }
 
 .ui.dropdown .item .left.dropdown.icon::before,
 .ui.dropdown .left.menu .item .dropdown.icon::before {
-    content: "\f0d9"/*rtl:"\f0da"*/;
+    content: "\f0d9" /* rtl: "\f0da" */;
 }
 
 /* Vertical Menu Dropdown */
 .ui.vertical.menu .dropdown.item > .dropdown.icon::before {
-    content: "\f0da"/*rtl:"\f0d9"*/;
+    content: "\f0da" /* rtl: "\f0d9" */;
 }

package/src/themes/github/modules/dropdown.variables

@@ -6,30 +6,30 @@
     width @defaultDuration @defaultEasing
 ;
 
-@menuPadding: 0px;
+@menuPadding: 0;
 
 @itemVerticalPadding: @relative8px;
 @itemHorizontalPadding: @relative14px;
 
-@dropdownIconMargin: 0em 0em 0em 2px;
+@dropdownIconMargin: 0 0 0 2px;
 
-@raisedBoxShadow: 0px 3px 12px rgba(0, 0, 0, 0.15);
+@raisedBoxShadow: 0 3px 12px rgba(0, 0, 0, 0.15);
 
-@menuPadding: @relative5px 0px;
+@menuPadding: @relative5px 0;
 
-@menuHeaderMargin: 0em;
+@menuHeaderMargin: 0;
 @menuHeaderPadding: @relative6px @itemHorizontalPadding;
 @menuHeaderFontSize: @relative12px;
 @menuHeaderTextTransform: none;
 @menuHeaderFontWeight: normal;
 @menuHeaderColor: #767676;
 
-@menuDividerMargin: @relative8px 0em;
+@menuDividerMargin: @relative8px 0;
 
 @disabledOpacity: 0.6;
 
 /* States */
-@hoveredItemBackground: #4078C0;
+@hoveredItemBackground: #4078c0;
 @hoveredItemColor: @white;
 
 @pointingArrowSize: @relative9px;

package/src/themes/gmail/collections/message.overrides

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/

package/src/themes/gmail/collections/message.variables

@@ -1,15 +1,15 @@
-@background: #F3F3F3;
+@background: #f3f3f3;
 
-@boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+@boxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
 @borderRadius: 4px;
 @verticalPadding: 7px;
 @horizontalPadding: 15px;
 
 @headerFontSize: 1em;
 
-@floatingBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+@floatingBoxShadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 
 @iconSize: 1.5em;
 @iconDistance: 1em;
 
-@warningBackgroundColor: #F9EDBE;
+@warningBackgroundColor: #f9edbe;

package/src/themes/instagram/views/card.overrides

@@ -2,10 +2,10 @@
            Overrides
 *******************************/
 
-@import (css) url('https://fonts.googleapis.com/css2?family=Montserrat');
+@import (css) url("https://fonts.googleapis.com/css2?family=Montserrat");
 
 .ui.cards > .card,
 .ui.card {
-    font-family: 'Montserrat';
+    font-family: Montserrat;
     font-size-adjust: 0.5;
 }

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

@@ -10,13 +10,13 @@
 @shadowBoxShadow: none;
 @boxShadow: none;
 
-@internalBorderColor: #EDEDEE;
-@border: 1px solid #EDEDEE;
+@internalBorderColor: #ededee;
+@border: 1px solid #ededee;
 
 @contentPadding: 14px 20px;
 
-@metaColor: #A5A7AA;
+@metaColor: #a5a7aa;
 
-@linkHoverRaiseDistance: 0px;
+@linkHoverRaiseDistance: 0;
 @linkHoverBoxShadow: none;
-@linkHoverBorder: 1px solid #D0D0D8;
+@linkHoverBorder: 1px solid #d0d0d8;

package/src/themes/material/collections/menu.overrides

@@ -1 +1 @@
-@import (css) url('https://fonts.googleapis.com/css2?family=Roboto');
+@import (css) url("https://fonts.googleapis.com/css2?family=Roboto");

package/src/themes/material/collections/menu.variables

@@ -2,9 +2,9 @@
              Menu
 *******************************/
 
-@fontFamily: 'Roboto', Arial, sans-serif;
-@boxShadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
-@dividerSize: 0px;
+@fontFamily: "Roboto", Arial, sans-serif;
+@boxShadow: 0 1px 6px rgba(0, 0, 0, 0.2);
+@dividerSize: 0;
 
 @itemVerticalPadding: @relativeLarge;
 @itemHorizontalPadding: @relativeLarge;

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

@@ -1,13 +1,13 @@
-@import (css) url('https://fonts.googleapis.com/css2?family=Roboto');
+@import (css) url("https://fonts.googleapis.com/css2?family=Roboto");
 
 .ui.primary.button:hover {
     box-shadow:
-        0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset,
-        0px 2px 3px 0px rgba(0, 0, 0, 0.35) !important;
+        0 0 0 1px rgba(0, 0, 0, 0.3) inset,
+        0 2px 3px 0 rgba(0, 0, 0, 0.35) !important;
 }
 
 .ui.secondary.button:hover {
     box-shadow:
-        0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset,
-        0px 2px 3px 0px rgba(0, 0, 0, 0.3) !important;
+        0 0 0 1px rgba(0, 0, 0, 0.2) inset,
+        0 2px 3px 0 rgba(0, 0, 0, 0.3) !important;
 }

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

@@ -6,26 +6,26 @@
        Element
 -------------------- */
 
-@googleFontName : 'Roboto';
-@pageFont : 'Roboto', Arial, sans-serif;
+@googleFontName: "Roboto";
+@pageFont: "Roboto", Arial, sans-serif;
 
 @medium: 13px;
 
-@verticalPadding : 0.8em;
-@horizontalPadding : 0.8em;
-@borderRadius : @relative3px;
-@color : #222222;
-@fontWeight : normal;
-@textTransform : none;
+@verticalPadding: 0.8em;
+@horizontalPadding: 0.8em;
+@borderRadius: @relative3px;
+@color: #222;
+@fontWeight: normal;
+@textTransform: none;
 
-@backgroundColor : @white;
-@backgroundImage : linear-gradient(transparent, rgba(0, 0, 0, 0.02));
+@backgroundColor: @white;
+@backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.02));
 
-@solidBorderColor: #DDDDDD;
+@solidBorderColor: #ddd;
 
 @borderBoxShadowColor: @solidBorderColor;
-@borderBoxShadow: 0px 0px 0px 1px @solidBorderColor inset;
-@shadowBoxShadow: 0px 0px 0px 0px transparent;
+@borderBoxShadow: 0 0 0 1px @solidBorderColor inset;
+@shadowBoxShadow: 0 0 0 0 transparent;
 
 @transition:
     opacity 0.3s @defaultEasing,
@@ -42,23 +42,23 @@
 @hoverBackgroundColor: @white;
 @hoverBoxShadow:
     @borderBoxShadow,
-    0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important
+    0 2px 3px 0 rgba(0, 0, 0, 0.2) !important
 ;
 
 @downBackgroundColor: @white;
 @downBackgroundImage: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
-@downTextColor: #222222;
+@downTextColor: #222;
 @downBoxShadow: @borderBoxShadow;
 
-@activeBackgroundColor: #F0F0F0;
-@activeBoxShadow: 0px 0px 0px 1px #DDDDDD;
+@activeBackgroundColor: #f0f0f0;
+@activeBoxShadow: 0 0 0 1px #ddd;
 
 /* -------------------
       Variations
 -------------------- */
 
 /* Basic */
-@basicBorderSize: 0px;
+@basicBorderSize: 0;
 @basicBorderRadius: 4px;
 @basicColoredBorderSize: 1px;
 @basicHoverBackground: @white;
@@ -66,32 +66,32 @@
 @basicDownBackground: @white;
 @basicDownBoxShadow: @downBoxShadow;
 
-@basicActiveBackground: #FFFFFF;
-@basicActiveBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+@basicActiveBackground: #fff;
+@basicActiveBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
 
 /* Labeled */
 @labeledIconBackgroundColor: transparent;
 @labeledIconWidth: 2em;
 
-@labeledLabelBorderOffset: 0px;
+@labeledLabelBorderOffset: 0;
 
 /* Colored */
-@coloredBackgroundImage : @subtleGradient;
-@coloredBoxShadow : 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+@coloredBackgroundImage: @subtleGradient;
+@coloredBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
 
 /* Primary */
-@primaryColor : #4184F3;
-@primaryBoxShadow : 0px 0px 0px 1px #0157E4 inset;
+@primaryColor: #4184f3;
+@primaryBoxShadow: 0 0 0 1px #0157e4 inset;
 
 /* Secondary */
-@secondaryColor : #EEEEEE;
-@secondaryBackgroundImage : @backgroundImage;
-@secondaryTextColor : @textColor;
-@secondaryBoxShadow : @borderBoxShadow;
+@secondaryColor: #eee;
+@secondaryBackgroundImage: @backgroundImage;
+@secondaryTextColor: @textColor;
+@secondaryBoxShadow: @borderBoxShadow;
 
 /* Emotive */
-@positiveColor: #3D9400;
-@negativeColor: #D34836;
+@positiveColor: #3d9400;
+@negativeColor: #d34836;
 
 /* Inverted */
 @invertedBorderSize: 1px;

package/src/themes/material/elements/header.overrides

@@ -2,7 +2,7 @@
            Overrides
 *******************************/
 
-@import (css) url('https://fonts.googleapis.com/css2?family=Roboto');
+@import (css) url("https://fonts.googleapis.com/css2?family=Roboto");
 
 h1.ui.header,
 .ui.huge.header {

package/src/themes/material/elements/header.variables

@@ -2,7 +2,7 @@
        Header
 -------------------- */
 
-@headerFont : 'Roboto', Arial, sans-serif;
+@headerFont: "Roboto", Arial, sans-serif;
 @fontWeight: normal;
 
 @iconSize: 2em;
@@ -12,8 +12,8 @@
 @subHeaderFontSize: 1rem;
 
 /* HTML Headings */
-@h1 : 2.25rem;
-@h2 : 2rem;
-@h3 : 1.75rem;
-@h4 : 1.5rem;
-@h5 : 1.25rem;
+@h1: 2.25rem;
+@h2: 2rem;
+@h3: 1.75rem;
+@h4: 1.5rem;
+@h5: 1.25rem;