add an option to select line height unit

Author: patrikholcak

main.coffee

@@ -86,8 +86,15 @@ class CSS
       when 'rem' then @options.remValue
     unit = _.partial(css.unit, @options.unit, rootValue)
 
+    lhRoot = switch @options.lineHeightUnit
+      when 'px' then 0
+      when 'em' then @options.emValue
+      when 'rem' then @options.remValue
+    lineHeightUnit = _.partial(css.lineHeightUnit, @options.lineHeightUnit, unit, lhRoot)
+    isUnitlessLh = @options.lineHeightUnit.toLowerCase().indexOf('unitless') isnt -1
+
     convertColor = _.partial(_convertColor, @options)
-    fontStyles = _.partial(css.fontStyles, declaration, convertColor, unit, @options.quoteType)
+    fontStyles = _.partial(css.fontStyles, declaration, convertColor, unit, lineHeightUnit, isUnitlessLh, @options.quoteType)
 
     selectorOptions =
       separator: @options.selectorTextStyle

package.json

@@ -64,20 +64,37 @@
       ],
       "default": "px"
     },
+    "lineHeightUnit": {
+      "type": "select",
+      "options": [
+        "Use global unit",
+        "Unitless (divided by font size)",
+        "px",
+        "em",
+        "rem"
+      ],
+      "default": "Use global unit"
+    },
     "emValue": {
       "description": "1 em = x px — Ammount of pixels that correspond to one em. Em value is **not** relative to parent element.",
       "type": "text",
       "default": 16,
       "validate": "setNumberValue",
-      "showFor": "unit",
+      "showFor": [
+        "unit",
+        "lineHeightUnit"
+      ],
       "showWhen": "em"
     },
     "remValue": {
       "description": "1 rem = x px — Ammount of pixels that correspond to one rem",
       "type": "text",
       "default": 16,
       "validate": "setNumberValue",
-      "showFor": "unit",
+      "showFor": [
+        "unit",
+        "lineHeightUnit"
+      ],
       "showWhen": "rem"
     },
     "autoprefixer": {