refactor: move basic CSS from templates to JS objects

2019-07-15 10:41:12 +02:00
parent 786da9975f
commit 8ea017d871
7 changed files with 59 additions and 59 deletions
--- a/src/App/styles.ts
+++ b/src/App/styles.ts
@@ -1,15 +1,15 @@
 import { css } from 'emotion';
 import colors from '../utils/styles/colors';

-export const alertError = css`
-  background-color: ${colors.red} !important;
-  min-width: inherit !important;
-`;
+export const alertError = css({
+  backgroundColor: `${colors.red} !important`,
+  minWidth: 'inherit !important',
+});

-export const alertErrorMsg = css`
-  display: flex;
-  align-items: center;
-`;
+export const alertErrorMsg = css({
+  display: 'flex',
+  alignItems: 'center',
+});

 export const alertIcon = css({
  opacity: 0.9,