Update tailwind.config.js
Browse files- tailwind.config.js +39 -40
tailwind.config.js
CHANGED
|
@@ -1,43 +1,42 @@
|
|
| 1 |
/** @type {import('tailwindcss').Config} */
|
|
|
|
|
|
|
| 2 |
export default {
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
export default {
|
| 41 |
-
plugins: [typography]
|
| 42 |
-
};
|
| 43 |
};
|
|
|
|
| 1 |
/** @type {import('tailwindcss').Config} */
|
| 2 |
+
import typography from '@tailwindcss/typography';
|
| 3 |
+
|
| 4 |
export default {
|
| 5 |
+
darkMode: 'class',
|
| 6 |
+
content: ['./src/**/*.{html,js,svelte,ts}'],
|
| 7 |
+
theme: {
|
| 8 |
+
extend: {
|
| 9 |
+
colors: {
|
| 10 |
+
gray: {
|
| 11 |
+
50: '#f9f9f9',
|
| 12 |
+
100: '#ececec',
|
| 13 |
+
200: '#e3e3e3',
|
| 14 |
+
300: '#cdcdcd',
|
| 15 |
+
400: '#b4b4b4',
|
| 16 |
+
500: '#9b9b9b',
|
| 17 |
+
600: '#676767',
|
| 18 |
+
700: '#4e4e4e',
|
| 19 |
+
800: 'var(--color-gray-800, #333)',
|
| 20 |
+
850: 'var(--color-gray-850, #262626)',
|
| 21 |
+
900: 'var(--color-gray-900, #171717)',
|
| 22 |
+
950: 'var(--color-gray-950, #0d0d0d)',
|
| 23 |
+
},
|
| 24 |
+
},
|
| 25 |
+
typography: {
|
| 26 |
+
DEFAULT: {
|
| 27 |
+
css: {
|
| 28 |
+
pre: false,
|
| 29 |
+
code: false,
|
| 30 |
+
'pre code': false,
|
| 31 |
+
'code::before': false,
|
| 32 |
+
'code::after': false,
|
| 33 |
+
},
|
| 34 |
+
},
|
| 35 |
+
},
|
| 36 |
+
padding: {
|
| 37 |
+
'safe-bottom': 'env(safe-area-inset-bottom)',
|
| 38 |
+
},
|
| 39 |
+
},
|
| 40 |
+
},
|
| 41 |
+
plugins: [typography],
|
|
|
|
|
|
|
|
|
|
| 42 |
};
|