Test for multiline interpolations

styled-components · Oct 23, 2016 · 445f045 · 445f045
1 parent a312119
commit 445f045
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -9,6 +9,7 @@ const getCSS = require('./utils/general').getCSS
 const getKeyframes = require('./utils/general').getKeyframes
 
 // TODO Make it work for the UMD build, i.e. global vars
+// TODO Fix ampersand in selectors
 // TODO ENFORCE THESE RULES
 // value-no-vendor-prefix – don't allow vendor prefixes
 // property-no-vendor-prefix – don't allow vendor prefixes

diff --git a/test/fixtures/interpolations/valid.js b/test/fixtures/interpolations/valid.js
@@ -40,3 +40,12 @@ const Box3 = styled(Box2)`
   color: ${color};
   background: blue;
 `
+
+// Multiline
+const Button4 = styled.button`
+  display: block;
+  ${`
+    color: blue;
+  `}
+  background: blue;
+`