Fixed issues with tailwind not extending default styles

2023-11-15 16:40:05 -05:00
parent ea72aecf5c
commit d8b9948cb5
3 changed files with 27 additions and 25 deletions
--- a/Website/tailwind.config.js
+++ b/Website/tailwind.config.js
@@ -6,29 +6,31 @@ module.exports = {
  ],
  darkMode: true,
  theme: {
-    colors: {
-      'transparent' : 'transparent',
-      'white': '#EDF2F4',
-      'blue': '#01bde7',
-      'gray-dark': '#1C1C21',
-      'gray-light': '#272731'
+    extend: {
+      colors: {
+        'transparent': 'transparent',
+        'white': '#EDF2F4',
+        'blue': '#01bde7',
+        'gray-dark': '#1C1C21',
+        'gray-light': '#272731'

+      },
+      screens: {
+        'sm': '640px',
+
+        'md': '768px',
+
+        'lg': '1024px',
+
+        'xl': '1376px',
+
+        '2xl': '1536px',
+      },
+      minWidth: {
+        'formWidth': '768px',
+      },
    },
-    screens: {
-      'sm': '640px',

-      'md': '768px',
-
-      'lg': '1024px',
-
-      'xl': '1376px',
-
-      '2xl': '1536px',
-    },
-    minWidth: {
-      'formWidth': '768px',
-    },
-    extend: {},
  },
  plugins: [],
 }