fomantic-ui 2.9.1-beta.24 → 2.9.1-beta.26

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

@@ -2,7 +2,7 @@
          Theme Overrides
 *******************************/
 @font-face {
-    font-family: 'Accordion';
+    font-family: Accordion;
     src: url(data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA) format('woff');
     font-weight: normal;
     font-style: normal;

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

@@ -3,14 +3,14 @@
 *******************************/
 
 @font-face {
-    font-family: 'Checkbox';
+    font-family: Checkbox;
     src: url(data:application/font-woff;base64,d09GRgABAAAAAAR8AA0AAAAABtwAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEYAAAABoAAAAcgbCWJ0dERUYAAARIAAAAFwAAABgAJQAAT1MvMgAAAZgAAABAAAAAYA8SBD9jbWFwAAAB9AAAAFMAAAFc71zo6Wdhc3AAAARAAAAACAAAAAgAAAAQZ2x5ZgAAAlwAAADJAAABVHshwGBoZWFkAAABMAAAAC4AAAA2Bj3tWWhoZWEAAAFgAAAAHQAAACQHfQPIaG10eAAAAdgAAAAZAAAAHg56AEVsb2NhAAACSAAAABIAAAASAQoAjG1heHAAAAGAAAAAGAAAACAACgAvbmFtZQAAAygAAADnAAABp5xOC4Fwb3N0AAAEEAAAADAAAABaHRtWW3icY2BkYGBgYmDgqbAVjee3+crAzcIAAhc3XilHppl3M+cBKQ6QWgYGAAHnCVsAAHicY2BkYGA+8P8AAwMLAwgw72ZgZEAF7ABaJgNOAAAAeJxjYGRgYOBg0GUA0QwMTAxoAAAFtQA6eJxjYGYWYpzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgF0AQYHBgYXjAxH/h/gMGB+QCIx8CIJKvAwAgAIOcKW3icY2GAAMZQCM0ExCwMDK7MqiAeAAqXAM4AAAB4nN2NwQ2AMAwDL00pHYJH52AQ9n/w6BbFCS9WwJFlO3IUwHl5YAQuJctcOaVdU6TGmGWt7IxJuHXnvmcrnLPR2GWb6NnF4rrwhT5U/o0Hf5EJGAAAAAAAAAgACAAQABgASABsAKoAAHichY09CsJAEIVndiG2gyQ7IASJIbHQyvyIiFhZpBE8iNsIeiVvYOFx7FPbKE6yUcHGgZ23jzd8DxDeowAWCv77Dez0Vd1hAIB+D714NMa0yNdYZrMhum0CfaWnT4bpeSPaEjOd8djIltTBNBlhSGzES3Jqb5oW6UOrE1WBL7/A73lxNBqnK8znZRbNWMgJET8qJhlWF1HV3zvXSceBSifawrTjTLrd0uI3c4lFu4UcYvbh1/KsIaodUayx7Kxr+wb8Y+EFi+YsngAAAHicfc5BSsNAGMXxf9q0agURFy50M3shlOoNikIXddGFa5N0SEvLDKQp2KUH8AxuXXkkz+JL+NYJJPzmffNmAlzxS0L7JJxzYx5wxoN5qPzZnMrv5hGXfJrHyr/NE+74UytJL5Rcdye0Huiue/NQ+aM5lV/NI27ZmsfKv8wTnvhhzgZPyY6CyAfMN77cFVFaaVBxZE9OraWvjvtc6Kn0jN40qDnoVyIBx4yMqWJfH7YxuFk27a2/dLVGxUpbQndYrrVnrazgpO9C1chSb7s3UymGxlU++Dpv/NoVJ7co4zLGkPEPj0VARQB4nGNgYsAPOBgYGJkYmBiZGZgZWRhZGdnYS/MyDYAAShuCaFcLCB9Iw/hGAOPdCuMAAQAB//8AD3icY2BkYGDgAWIBIGYCYhYIDQACOwAmAHicY2BgYGQAgns+by1A9MWNV8phNABQ5wfrAAA=) format('woff');
 }
 
 /* Checkmark */
 .ui.checkbox label::after,
 .ui.checkbox .box::after {
-    font-family: 'Checkbox';
+    font-family: Checkbox;
 }
 
 /* Checked */

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

@@ -21,7 +21,7 @@
 @overflow: hidden;
 
 @blurredStartFilter: initial;
-@blurredEndFilter: e("blur(5px) grayscale(0.7)");
+@blurredEndFilter: e('blur(5px) grayscale(0.7)');
 @blurredTransition: 800ms filter @defaultEasing;
 
 @blurredBackgroundColor: rgba(0, 0, 0, 0.6);
@@ -57,9 +57,9 @@
 @simpleInvertedEndBackgroundColor: @invertedBackgroundColor;
 
 /* Intensity */
-@veryLightBackgroundColor: rgba(0,0,0,0.25);
-@lightBackgroundColor: rgba(0,0,0,0.45);
-@mediumBackgroundColor: rgba(0,0,0,0.65);
-@veryLightInvertedBackgroundColor: rgba(255,255,255,0.25);
-@lightInvertedBackgroundColor: rgba(255,255,255,0.45);
-@mediumInvertedBackgroundColor: rgba(255,255,255,0.65);
+@veryLightBackgroundColor: rgba(0, 0, 0, 0.25);
+@lightBackgroundColor: rgba(0, 0, 0, 0.45);
+@mediumBackgroundColor: rgba(0, 0, 0, 0.65);
+@veryLightInvertedBackgroundColor: rgba(255, 255, 255, 0.25);
+@lightInvertedBackgroundColor: rgba(255, 255, 255, 0.45);
+@mediumInvertedBackgroundColor: rgba(255, 255, 255, 0.65);

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

@@ -4,14 +4,14 @@
 
 /* Dropdown Carets */
 @font-face {
-    font-family: 'Dropdown';
+    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;
@@ -35,25 +35,25 @@
 
 .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'*/;
 }
 
 /* Icons for Reference
 .dropdown.down.icon {
-  content: "\f0d7";
+  content: '\f0d7';
 }
 .dropdown.up.icon {
-  content: "\f0d8";
+  content: '\f0d8';
 }
 .dropdown.left.icon {
-  content: "\f0d9";
+  content: '\f0d9';
 }
 .dropdown.icon.icon {
-  content: "\f0da";
+  content: '\f0da';
 }
 */

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

@@ -39,7 +39,7 @@
 @menuBoxShadow: @raisedShadow;
 @menuBorderRadius: @borderRadius;
 @menuTransition: opacity @defaultDuration @defaultEasing;
-@menuMinWidth: e(%("calc(100%% + %d)", @menuBorderWidth * 2));
+@menuMinWidth: e(%('calc(100%% + %d)', @menuBorderWidth * 2));
 @menuZIndex: 11;
 
 /* Text */
@@ -329,7 +329,7 @@
 /* Scrolling */
 @scrollingMenuWidth: 100%;
 @scrollingMenuItemBorder: none;
-@scrollingMenuRightItemPadding: e(%("calc(%d + %d)", @itemHorizontalPadding, @scrollbarWidth));
+@scrollingMenuRightItemPadding: e(%('calc(%d + %d)', @itemHorizontalPadding, @scrollbarWidth));
 
 @scrollingMobileMaxItems: 4;
 @scrollingTabletMaxItems: 6;

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

@@ -16,7 +16,7 @@
 @dimmerTransition: all @duration;
 
 @blurredBackgroundColor: rgba(0, 0, 0, 0.6);
-@blurredEndFilter: e("blur(5px) grayscale(0.7)");
+@blurredEndFilter: e('blur(5px) grayscale(0.7)');
 
 /* Color below page */
 @canvasBackground: @lightBlack;

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

@@ -256,7 +256,7 @@
 @invertedActionBackground: #191A1B;
 @invertedActionBorder: 1px solid rgba(34, 36, 38, 0.85);
 @invertedActionColor: @white;
-@invertedDimmerCloseColor: rgba(0,0,0,0.85);
+@invertedDimmerCloseColor: rgba(0, 0, 0, 0.85);
 @invertedCloseShadow:
     -1px -1px 2px rgba(255, 255, 255, 0.3),
     1px -1px 2px rgba(255, 255, 255, 0.3),

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

@@ -103,7 +103,7 @@
 
 /* Grid Inside Popup */
 @nestedGridMargin: -0.7rem -0.875rem; /* (padding * @medium) */
-@nestedGridWidth: e("calc(100% + 1.75rem)");
+@nestedGridWidth: e('calc(100% + 1.75rem)');
 
 /* -------------------
        States

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

@@ -21,7 +21,7 @@
 @promptBoxShadow: 0 0 0 0 transparent inset;
 
 /* Mobile */
-@mobileMaxWidth: e("calc(100vw - 2rem)");
+@mobileMaxWidth: e('calc(100vw - 2rem)');
 
 /* Result Box */
 @resultsWidth: 18em;

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

@@ -16,7 +16,7 @@
 @dimmerTransition: all @duration;
 
 @blurredBackgroundColor: rgba(0, 0, 0, 0.6);
-@blurredEndFilter: e("blur(5px) grayscale(0.7)");
+@blurredEndFilter: e('blur(5px) grayscale(0.7)');
 
 /* Color below page */
 @canvasBackground: @lightBlack;

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

@@ -6,77 +6,77 @@
        Element
 -------------------- */
 
-@height : 1.5em;
-@hoverPointer : auto;
-@padding : 1em 0.5em;
+@height: 1.5em;
+@hoverPointer: auto;
+@padding: 1em 0.5em;
 
 /* Track */
-@trackHeight : 0.4em;
-@trackPositionTop : (@height / 2) - (@trackHeight / 2);
-@background : #ccc;
-@trackBorderRadius : 4px;
-@trackColor : @transparentBlack;
+@trackHeight: 0.4em;
+@trackPositionTop: (@height / 2) - (@trackHeight / 2);
+@background: #ccc;
+@trackBorderRadius: 4px;
+@trackColor: @transparentBlack;
 
 /* Track Fill */
-@trackFillHeight : @trackHeight;
-@trackFillColor : @black;
-@trackFillColorFocus : @blackHover;
-@invertedTrackFillColor : @lightBlack;
-@invertedTrackFillColorFocus : @lightBlackHover;
-@trackFillBorderRadius : @trackBorderRadius;
+@trackFillHeight: @trackHeight;
+@trackFillColor: @black;
+@trackFillColorFocus: @blackHover;
+@invertedTrackFillColor: @lightBlack;
+@invertedTrackFillColorFocus: @lightBlackHover;
+@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;
-@thumbHoverBackground : @whiteHover @subtleGradient;
+@thumbHoverPointer: pointer;
+@thumbHoverBackground: @whiteHover @subtleGradient;
 
 /* -------------------
         States
 -------------------- */
 
 /* Disabled */
-@disabledOpactiy : 0.5;
-@disabledTrackFillColor : @background;
+@disabledOpactiy: 0.5;
+@disabledTrackFillColor: @background;
 
 /* -------------------
       Variations
 -------------------- */
 
 /* Vertical */
-@verticalPadding : 0.5em 1em;
+@verticalPadding: 0.5em 1em;
 
 /* Labeled */
-@labelHeight : @height;
-@labelWidth : 1px;
-@labelColor : @background;
-@labelPadding : 0.2em 0;
+@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);
+@smallHeight: 1em;
+@smallLabelHeight: @smallHeight;
+@smallTrackHeight: 0.3em;
+@smallTrackPositionTop: (@smallHeight / 2) - (@smallTrackHeight / 2);
 
-@largeHeight : 2em;
-@largeLabelHeight : @largeHeight;
-@largeTrackHeight : 0.5em;
-@largeTrackPositionTop : (@largeHeight / 2) - (@largeTrackHeight / 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);
+@bigHeight: 2.5em;
+@bigLabelHeight: @bigHeight;
+@bigTrackHeight: 0.6em;
+@bigTrackPositionTop: (@bigHeight / 2) - (@bigTrackHeight / 2);

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

@@ -58,15 +58,15 @@
 @toastIconCenteredAdjustment: 1.2em;
 @toastImageCenteredAdjustment: 2em;
 
-@toastImageMiniImageAdjustment: e(%("calc(%d + %d)", @inputVerticalPadding, @toastMiniImageHeight));
+@toastImageMiniImageAdjustment: e(%('calc(%d + %d)', @inputVerticalPadding, @toastMiniImageHeight));
 @toastImageMiniImagePadding: 4.4em;
 
 /* Progressbar Colors */
-@toastInfoProgressColor: darken(@toastInfoColor,15);
-@toastWarningProgressColor: darken(@toastWarningColor,15);
-@toastErrorProgressColor: darken(@toastErrorColor,15);
-@toastSuccessProgressColor: darken(@toastSuccessColor,15);
-@toastNeutralProgressColor: darken(@toastNeutralColor,15);
+@toastInfoProgressColor: darken(@toastInfoColor, 15);
+@toastWarningProgressColor: darken(@toastWarningColor, 15);
+@toastErrorProgressColor: darken(@toastErrorColor, 15);
+@toastSuccessProgressColor: darken(@toastSuccessColor, 15);
+@toastNeutralProgressColor: darken(@toastNeutralColor, 15);
 
 /* Close Icon */
 @toastCloseTopDistance: 0.3em;

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/views/card.variables

@@ -139,7 +139,7 @@
 
 /* Buttons */
 @buttonMargin: 0 -@borderWidth;
-@buttonWidth: e(%("calc(100%% + %d)", @borderWidth * 2));
+@buttonWidth: e(%('calc(100%% + %d)', @borderWidth * 2));
 
 /*******************************
             States
@@ -212,29 +212,29 @@
 
 @oneCard: @oneColumn;
 @oneCardOffset: 0;
-@twoCard: e(%("calc(%d - %d)", @twoColumn, @twoCardSpacing * 2));
+@twoCard: e(%('calc(%d - %d)', @twoColumn, @twoCardSpacing * 2));
 @twoCardOffset: -@twoCardSpacing;
-@threeCard: e(%("calc(%d - %d)", @threeColumn, @threeCardSpacing * 2));
+@threeCard: e(%('calc(%d - %d)', @threeColumn, @threeCardSpacing * 2));
 @threeCardOffset: -@threeCardSpacing;
-@fourCard: e(%("calc(%d - %d)", @fourColumn, @fourCardSpacing * 2));
+@fourCard: e(%('calc(%d - %d)', @fourColumn, @fourCardSpacing * 2));
 @fourCardOffset: -@fourCardSpacing;
-@fiveCard: e(%("calc(%d - %d)", @fiveColumn, @fiveCardSpacing * 2));
+@fiveCard: e(%('calc(%d - %d)', @fiveColumn, @fiveCardSpacing * 2));
 @fiveCardOffset: -@fiveCardSpacing;
-@sixCard: e(%("calc(%d - %d)", @sixColumn, @sixCardSpacing * 2));
+@sixCard: e(%('calc(%d - %d)', @sixColumn, @sixCardSpacing * 2));
 @sixCardOffset: -@sixCardSpacing;
-@sevenCard: e(%("calc(%d - %d)", @sevenColumn, @sevenCardSpacing * 2));
+@sevenCard: e(%('calc(%d - %d)', @sevenColumn, @sevenCardSpacing * 2));
 @sevenCardOffset: -@sevenCardSpacing;
-@eightCard: e(%("calc(%d - %d)", @eightColumn, @sevenCardSpacing * 2));
+@eightCard: e(%('calc(%d - %d)', @eightColumn, @sevenCardSpacing * 2));
 @eightCardOffset: -@sevenCardSpacing;
-@nineCard: e(%("calc(%d - %d)", @nineColumn, @nineCardSpacing * 2));
+@nineCard: e(%('calc(%d - %d)', @nineColumn, @nineCardSpacing * 2));
 @nineCardOffset: -@nineCardSpacing;
-@tenCard: e(%("calc(%d - %d)", @tenColumn, @tenCardSpacing * 2));
+@tenCard: e(%('calc(%d - %d)', @tenColumn, @tenCardSpacing * 2));
 @tenCardOffset: -@tenCardSpacing;
 
 /* Stackable */
 @stackableRowSpacing: 1em;
 @stackableCardSpacing: 1em;
-@stackableMargin: e(%("calc(%d - %d)", @oneColumn, @stackableCardSpacing * 2));
+@stackableMargin: e(%('calc(%d - %d)', @oneColumn, @stackableCardSpacing * 2));
 
 /* Sizes */
 @medium: 1em;

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

@@ -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.variables

@@ -2,13 +2,13 @@
             Flag
 *******************************/
 
-@imagePath : '../../themes/famfamfam/assets/images';
+@imagePath: '../../themes/famfamfam/assets/images';
 
 /* -------------------
        Element
 -------------------- */
 
-@spritePath: "@{imagePath}/flags.png";
+@spritePath: '@{imagePath}/flags.png';
 @width: 16px;
 @height: 11px;
 @verticalAlign: baseline;

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;

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