Merge pull request #9 from styled-components/fix-decimal-numbers

Fix numbers with decimals

Author: mxstbr

src/grammar.ne

@@ -49,7 +49,8 @@
   };
 %}
 
-number -> ([0-9]:+) {% d => Number(text(d)) %}
+number
+  -> "-":? ([0-9]:? "." [0-9]:+ | [1-9] [0-9]:* | "0") {% d => Number(text(d)) %}
 
 angle -> number ("deg" | "rad") {% text %}
 

src/index.test.js

@@ -17,6 +17,24 @@ it('allows decimal values', () => runTest([
   ['top', '1.5'],
 ], { top: 1.5 }));
 
+it('allows decimal values in transformed values', () => runTest([
+  ['border-radius', '1.5'],
+], {
+  borderTopLeftRadius: 1.5,
+  borderTopRightRadius: 1.5,
+  borderBottomRightRadius: 1.5,
+  borderBottomLeftRadius: 1.5,
+}));
+
+it('allows negative values in transformed values', () => runTest([
+  ['border-radius', '-1.5'],
+], {
+  borderTopLeftRadius: -1.5,
+  borderTopRightRadius: -1.5,
+  borderBottomRightRadius: -1.5,
+  borderBottomLeftRadius: -1.5,
+}));
+
 it('transforms strings', () => runTest([
   ['color', 'red'],
 ], { color: 'red' }));