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/pages/version/styles.ts
+++ b/src/pages/version/styles.ts
@@ -3,10 +3,10 @@ import DialogTitle from '@material-ui/core/DialogTitle';
 import colors from '../../utils/styles/colors';
 import { fontSize } from '../../utils/styles/sizes';

-export const Title = styled(DialogTitle)`
-  && {
-    background-color: ${colors.primary};
-    color: ${colors.white};
-    font-size: ${fontSize.lg};
-  }
-`;
+export const Title = styled(DialogTitle)({
+  '&&': {
+    backgroundColor: colors.primary,
+    color: colors.white,
+    fontSize: fontSize.lg,
+  },
+});