site.variables in less-rails-semantic_ui-1.6.2.0

- old
+ new

@@ -85,19 +85,25 @@
 
 /*-------------------
         Sizes
 --------------------*/
 
-@miniSize        : 10px;
-@tinySize        : 12px;
-@smallSize       : 13px;
-@mediumSize      : @emSize;
-@largeSize       : 16px;
-@bigSize         : 18px;
-@hugeSize        : 20px;
-@massiveSize     : 24px;
+/*
+  To have sizing resolve to a specified pixel values adjust
+  the numerator to the desired font size and the denominator
+  to the base em size
+*/
 
+@miniSize        : (10 / 14);
+@tinySize        : (12 / 14);
+@smallSize       : (13 / 14);
+@mediumSize      : (14 / 14);
+@largeSize       : (16 / 14);
+@bigSize         : (18 / 14);
+@hugeSize        : (20 / 14);
+@massiveSize     : (24 / 14);
+
 /*-------------------
         Page
 --------------------*/
 
 @pageBackground      : #F7F7F7;
@@ -190,36 +196,35 @@
 
 /*-------------------
         Paths
 --------------------*/
 
-/* For source, automatically modified in gulp for dist */
-@imagePath : "semantic_ui/themes/default/assets/images";
-@fontPath  : "semantic_ui/themes/default/assets/fonts";
+/* For source only. Modified in gulp for dist */
+@imagePath : 'semantic_ui/themes/default/assets/images';
+@fontPath  : 'semantic_ui/themes/default/assets/fonts';
 
-
 /*-------------------
        Em Sizes
 --------------------*/
 
 /* Exact pixel values expressed in em */
-@mini            : unit((@miniSize / @mediumSize), rem);
-@tiny            : unit((@tinySize / @mediumSize), rem);
-@small           : unit((@smallSize / @mediumSize), rem);
-@medium          : unit((@mediumSize / @mediumSize), rem);
-@large           : unit((@largeSize / @mediumSize), rem);
-@big             : unit((@bigSize / @mediumSize), rem);
-@huge            : unit((@hugeSize / @mediumSize), rem);
-@massive         : unit((@massiveSize / @mediumSize), rem);
+@mini            : unit( round(@miniSize * @emSize) / @emSize, rem);
+@tiny            : unit( round(@tinySize * @emSize) / @emSize, rem);
+@small           : unit( round(@smallSize * @emSize) / @emSize, rem);
+@medium          : unit( round(@mediumSize * @emSize) / @emSize, rem);
+@large           : unit( round(@largeSize * @emSize) / @emSize, rem);
+@big             : unit( round(@bigSize * @emSize) / @emSize, rem);
+@huge            : unit( round(@hugeSize * @emSize) / @emSize, rem);
+@massive         : unit( round(@massiveSize * @emSize) / @emSize, rem);
 
-@relativeMini    : unit((@miniSize / @mediumSize), em);
-@relativeTiny    : unit((@tinySize / @mediumSize), em);
-@relativeSmall   : unit((@smallSize / @mediumSize), em);
-@relativeMedium  : unit((@mediumSize / @mediumSize), em);
-@relativeLarge   : unit((@largeSize / @mediumSize), em);
-@relativeBig     : unit((@bigSize / @mediumSize), em);
-@relativeHuge    : unit((@hugeSize / @mediumSize), em);
-@relativeMassive : unit((@massiveSize / @mediumSize), em);
+@relativeMini    : unit( round(@miniSize * @emSize) / @emSize, em);
+@relativeTiny    : unit( round(@tinySize * @emSize) / @emSize, em);
+@relativeSmall   : unit( round(@smallSize * @emSize) / @emSize, em);
+@relativeMedium  : unit( round(@mediumSize * @emSize) / @emSize, em);
+@relativeLarge   : unit( round(@largeSize * @emSize) / @emSize, em);
+@relativeBig     : unit( round(@bigSize * @emSize) / @emSize, em);
+@relativeHuge    : unit( round(@hugeSize * @emSize) / @emSize, em);
+@relativeMassive : unit( round(@massiveSize * @emSize) / @emSize, em);
 
 /*-------------------
        Icons
 --------------------*/
 