[~] Fix color in styled component

denvash · Jul 21, 2019 · 85c37d0 · 85c37d0
1 parent 936ef4a
commit 85c37d0
Show file tree

Hide file tree

Showing 2 changed files with 180 additions and 54 deletions.
diff --git a/demo/statelessfunctionalreact.js b/demo/statelessfunctionalreact.js
@@ -1,3 +1,10 @@
+const StyledIcon = styled(Icon)`
+  svg {
+    height: calc(${({ dimension }) => dimension || '24px'} + 3vw);
+    width: calc(${({ dimension }) => dimension || '24px'} + 3vw);
+  }
+`;
+
 // I use this syntax when my component fits on one line
 const ListItem = props => <li className="list-item">{props.item.name}</li>