format hex color code #41

lib/formatValues.js

@@ -1,3 +1,5 @@
+var isHex = require('./util').isHex
+
 function formatProperties (decl) {
   var isDataUrl = (/data:.+\/(.+);base64,(.*)/).test(decl.value)
 
@@ -12,6 +14,10 @@ function formatProperties (decl) {
   }
   decl.value = decl.value.trim().replace(/[+\-*/%](?=\$|\()/g, ' $& ')
 
+  if (isHex(decl.value)) {
+    decl.value = decl.value.toLowerCase()
+  }
+
   if (decl.important) {
     decl.raws.important = " !important"
   }

lib/util.js

@@ -1,3 +1,5 @@
+var hexRegex = require('hex-color-regex')
+
 function inAtRule (rule) {
   var ret = false
   var current = rule.parent
@@ -26,5 +28,11 @@ function getNestedRulesNum (rule) {
 }
 
 
+function isHex (str) {
+  return hexRegex({exact: true}).test(str)
+}
+
+
 module.exports.inAtRule = inAtRule
 module.exports.getNestedRulesNum = getNestedRulesNum
+module.exports.isHex = isHex

package.json

@@ -26,6 +26,7 @@
   "dependencies": {
     "editorconfig-indent": "^0.3.0",
     "find-config": "0.3.0",
+    "hex-color-regex": "^1.0.3",
     "minimist": "^1.1.2",
     "postcss": "^5.0.6",
     "postcss-scss": "^0.1.0",

test/fixtures/color-hex-lowercase.css

@@ -0,0 +1 @@
+.foo{color:#ABCDEF}

test/fixtures/color-hex-lowercase.out.css

@@ -0,0 +1,3 @@
+.foo {
+  color: #abcdef;
+}

test/index.js

@@ -57,3 +57,4 @@ test('sass-if-else')
 test('sass-if-else-2')
 test('media-indent')
 test('media-indent-with-import')
+test('color-hex-lowercase')