Sveltekit boilerplate
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

91 lines
2.1 KiB

/* jshint esversion: 11 */
const { spacing, fontFamily } = require('tailwindcss/defaultTheme');
const config = {
mode: 'jit',
purge: ['./src/**/*.{html,js,svelte,ts}'],
darkMode: 'class',
theme: {
extend: {
colors: {
'blue-opaque': 'rgb(13 42 148 / 18%)',
},
fontFamily: {
sans: ['Raleway', ...fontFamily.sans],
display: ['Raleway', ...fontFamily.sans],
body: ['Raleway', ...fontFamily.sans],
},
typography: (theme) => ({
DEFAULT: {
css: {
color: theme('colors.gray.700'),
a: {
color: theme('colors.blue.500'),
'&:hover': {
color: theme('colors.blue.700'),
},
code: { color: theme('colors.blue.400') },
},
'h2,h3,h4': {
'scroll-margin-top': spacing[32],
},
code: { color: theme('colors.pink.500') },
'blockquote p:first-of-type::before': false,
'blockquote p:last-of-type::after': false,
},
},
dark: {
css: {
color: theme('colors.gray.300'),
a: {
color: theme('colors.blue.400'),
'&:hover': {
color: theme('colors.blue.600'),
},
code: { color: theme('colors.blue.400') },
},
blockquote: {
borderLeftColor: theme('colors.gray.700'),
color: theme('colors.gray.300'),
},
'h2,h3,h4': {
color: theme('colors.gray.100'),
'scroll-margin-top': spacing[32],
},
hr: { borderColor: theme('colors.gray.700') },
ol: {
li: {
'&:before': { color: theme('colors.gray.500') },
},
},
ul: {
li: {
'&:before': { backgroundColor: theme('colors.gray.500') },
},
},
strong: { color: theme('colors.gray.300') },
thead: {
color: theme('colors.gray.100'),
},
tbody: {
tr: {
borderBottomColor: theme('colors.gray.700'),
},
},
},
},
}),
},
},
variants: {
typography: ['dark'],
extend: {
listStyleType: ['hover', 'focus'],
listStylePosition: ['hover', 'focus'],
},
},
plugins: [require('@tailwindcss/typography')],
};
module.exports = config;