refact css tailwind

2020-05-08 23:38:31 +02:00
parent 6e0db185bb
commit 765d99e48b
15 changed files with 194 additions and 106 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,58 @@
 module.exports = {
-  theme: {
-    extend: {
-        width: {
-            '96': '24rem'
-        }
+    theme: {
+        screens: {
+            sm: '640px',
+            md: '768px',
+            lg: '1024px',
+            xl: '1280px',
+        },
+        extend: {
+            colors: {
+                cyan: '#9cdbff',
+                green: {
+                    light: '#333',
+                    default: '#15a200',
+                    dark: '#055b0c',
+                },
+                blue: {
+                    100: '#E6E6FF',
+                    200: '#BFBFFF',
+                    300: '#9999FF',
+                    400: '#4D4DFF',
+                    500: '#0000FF',
+                    600: '#0000E6',
+                    700: '#000099',
+                    800: '#000073',
+                    900: '#00004D',
+                },
+                red: {
+                    light: '#ff2626',
+                    default: '#E60000',
+                    dark: '#730000',
+                },
+                gray: {
+                    100: '#f5f5f5',
+                    200: '#eeeeee',
+                    300: '#e0e0e0',
+                    400: '#bdbdbd',
+                    500: '#A0AEC0',
+                    600: '#757575',
+                    700: '#616161',
+                    800: '#424242',
+                    900: '#212121',
+                },
+            },
+            spacing: {
+                '12': '3rem',
+                '64': '16rem',
+                '96': '24rem',
+                '128': '32rem',
+            },
+            width: {
+                '96': '24rem'
+            }
+        },
    },
-  },
-  variants: {},
-  plugins: [],
+    variants: {},
+    plugins: [],
 }