Switch to @nuxt/tailwind

2026-05-15 06:35:20 -07:00 · 2020-09-19 22:50:12 -05:00 · 2020-09-19 22:50:12 -05:00 · afa6a7a3e1
commit afa6a7a3e1
parent 810f145687
6 changed files with 98 additions and 13 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -0,0 +1,91 @@
+module.exports = {
+    purge: false,
+    future: {
+        purgeLayersByDefault: true,
+    },
+    theme: {
+        container: {
+            center: true,
+            padding: '1.5rem',
+        },
+        extend: {
+            colors: {
+
+                // Color Generator
+                // https://coolors.co/362932-5f444b-ffa766-e3d8f1-f52f57-faff81
+
+                // 'red': '#b63a23', // Original
+                // 'red': 'rgb(232, 49, 81)', // Vibrant
+                // 'red': 'rgb(195, 47, 39)', // Close to original red
+                // 'red': 'rgb(239, 48, 84)', // More Vibrant
+                'red': 'rgb(245, 47, 87)', // More Vibrant
+
+                // 'dark': '#75413a',
+                'dark': '#34393f',
+
+                'darker': '#191a1d',
+
+                'darkest': '#121416',
+
+                // 'gold': '#d78649',
+                'gold': 'rgb(255, 167, 102)',
+                // 'gold': 'rgb(222, 115, 90)',
+
+                'orange': 'rgb(222, 115, 90)',
+
+                'off_white': '#ecebe6',
+
+
+                // Lightness
+
+                'white-1': 'rgba(255, 255, 255, 0.1)',
+                'white-2': 'rgba(255, 255, 255, 0.2)',
+                'white-3': 'rgba(255, 255, 255, 0.3)',
+                'white-4': 'rgba(255, 255, 255, 0.4)',
+                'white-5': 'rgba(255, 255, 255, 0.5)',
+                'white-6': 'rgba(255, 255, 255, 0.6)',
+                'white-7': 'rgba(255, 255, 255, 0.7)',
+                'white-8': 'rgba(255, 255, 255, 0.8)',
+                'white-9': 'rgba(255, 255, 255, 0.9)',
+
+                'black-1': 'rgba(0, 0, 0, 0.1)',
+                'black-7': 'rgba(0, 0, 0, 0.7)',
+                'black-9': 'rgba(0, 0, 0, 0.9)'
+
+            },
+            fontFamily: {
+                primary: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+                secondary: 'Inter, Georgia, Cambria, "Times New Roman", Times, serif',
+            },
+            letterSpacing: {
+                wide: '0.3em',
+                wider: '0.4em',
+                widest: '0.5em',
+            },
+            height: {
+                '1/2-screen': '50vh',
+                'full-screen': '100vh'
+            },
+            minHeight: {
+                '3/4-screen': '75vh',
+            },
+            spacing: {
+                '16/9': '56.25%'
+            },
+            inset: {
+                '1/2': '50%',
+            },
+            opacity: {
+                '10': '.1',
+            },
+            zIndex: {
+                'navbar': '400',
+                'main': '300'
+            }
+        }
+    },
+    variants: {
+        backgroundImage: ['responsive', 'hover']
+    },
+    plugins: []
+}