refactor: move cascaded CSS from templates to JS objects

2019-07-15 11:57:32 +02:00
parent 8ea017d871
commit 115be1bb6e
26 changed files with 478 additions and 478 deletions
--- a/src/components/Tag/styles.ts
+++ b/src/components/Tag/styles.ts
@@ -1,13 +1,13 @@
 import styled from 'react-emotion';

-export const Wrapper = styled('span')`
-  && {
-    vertical-align: middle;
-    line-height: 22px;
-    border-radius: 2px;
-    color: #485a3e;
-    background-color: #f3f4f2;
-    padding: 0.22rem 0.4rem;
-    margin: 8px 8px 0 0;
-  }
-`;
+export const Wrapper = styled('span')({
+  '&&': {
+    verticalAlign: 'middle',
+    lineHeight: '22px',
+    borderRadius: '2px',
+    color: '#485a3e',
+    backgroundColor: '#f3f4f2',
+    padding: '0.22rem 0.4rem',
+    margin: '8px 8px 0 0',
+  },
+});