Remove tailwind warnings

DSSD-Madison · Oct 28, 2024 · 58afd99 · 58afd99
1 parent 5f41ed5
commit 58afd99
Showing 1 changed file with 31 additions and 53 deletions.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,62 +1,36 @@
-import colors from 'tailwindcss/colors'
-
 /** Extended colors/fonts conforming to https://www.hsph.harvard.edu/communications-guide/ */
 /** Screen sizes based on https://www.hsph.harvard.edu/atrocity-prevention-lab/collaborators/ */
 
 /** @type {import('tailwindcss').Config} */
 export default {
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
   theme: {
-    colors: {
-      ...colors,
-      crimson: '#A51C30',
-      harvard: {
-        'chan-gray': '#595859',
-        chocolate: '#422E1C',
-        putty: '#D7D1CB',
-        slate: '#8996a0',
-      },
-      red: {
-        light: '#E5CAC9',
-        DEFAULT: '#B55A5A',
-        dark: '#9D474B',
-        ...colors.red,
-      },
-      redwood: {
-        light: '#F2C7B5',
-        DEFAULT: '#C66D5D',
-        dark: '#AD4B45',
-      },
-      orange: {
-        light: '#FDD1B6',
-        DEFAULT: '#CA8260',
-        dark: '#B36753',
-        ...colors.orange,
-      },
-      green: {
-        light: '#C9D0C0',
-        DEFAULT: '#888D81',
-        dark: '#5F6962',
-        ...colors.green,
-      },
-      purple: {
-        light: '#D5BFD1',
-        DEFAULT: '#80637A',
-        dark: '#655573',
-        ...colors.purple,
-      },
-      mauve: {
-        light: '#E6C5C8',
-        DEFAULT: '#AC8080',
-        dark: '#94676E',
-      },
-      shade: {
-        '01': '#252727',
-        '02': '#3D3D3D',
-      },
-      tint: {
-        '01': '#D6D6D7',
-        '02': '#F0F0F2',
+    extend: {
+      colors: {
+        harvard: {
+          'chan-gray': '#595859',
+          chocolate: '#422E1C',
+          putty: '#D7D1CB',
+          slate: '#8996a0',
+        },
+        red: {
+          light: '#E5CAC9',
+          DEFAULT: '#B55A5A',
+          dark: '#9D474B',
+        },
+        green: {
+          light: '#C9D0C0',
+          DEFAULT: '#888D81',
+          dark: '#5F6962',
+        },
+        shade: {
+          '01': '#252727',
+          '02': '#3D3D3D',
+        },
+        tint: {
+          '01': '#D6D6D7',
+          '02': '#F0F0F2',
+        },
       },
     },
     fontFamily: {
@@ -67,5 +41,9 @@ export default {
       md: '720px',
     },
   },
-  plugins: [],
+  plugins: [
+    ({ addVariant }) => {
+      addVariant('not-last', '&:not(:last-child)')
+    },
+  ],
 }