svelte-website/tailwind.config.cjs

45 lines
1.1 KiB
JavaScript
Raw Normal View History

2022-07-04 17:24:21 +02:00
const defaultTheme = require('tailwindcss/defaultTheme')
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts}'],
2022-07-05 16:06:54 +02:00
// darkMode: 'class',
2022-07-04 17:24:21 +02:00
theme: {
extend: {
colors: {
'murasaki': '#4f284b',
2022-07-05 16:00:52 +02:00
'dark-text': '#FFB9D2'
2022-07-04 17:24:21 +02:00
},
fontFamily: {
sans: ['Roboto Flex', ...defaultTheme.fontFamily.sans],
montserrat: ['Montserrat', ...defaultTheme.fontFamily.sans],
roboto_slab: ['Roboto Slab', ...defaultTheme.fontFamily.serif]
},
gridTemplateRows: {
'12': 'repeat(12, minmax(0, 1fr))',
},
gridRow: {
'span-11': 'span 11 / span 11',
},
},
container: {
center: true,
},
screens: {
'sm': '640px',
// => @media (min-width: 640px) { ... }
'md': '768px',
// => @media (min-width: 768px) { ... }
'lg': '1024px',
// => @media (min-width: 1024px) { ... }
'xl': '1280px',
// => @media (min-width: 1280px) { ... }
'2xl': '1536px',
// => @media (min-width: 1536px) { ... }
}
},
plugins: [],
}