public/tailwind.config.js

65 lines
1.3 KiB
JavaScript
Raw Normal View History

2021-04-07 12:21:17 -04:00
module.exports = {
darkMode: 'class',
purge: ['./src/**/*.md', './_includes/**/*.liquid'],
theme: {
extend: {
typography: (theme) => ({
dark: {
css: {
color: "white",
a: {
color: "#9ECE6A",
"&:hover": {
color: "#9ECE6A",
},
},
h1: {
color: "white",
},
h2: {
color: "white",
},
h3: {
color: "white",
},
h4: {
color: "white",
},
h5: {
color: "white",
},
h6: {
color: "white",
},
th: {
color: "white",
},
strong: {
color: "white",
},
"blockquote p": {
color: "white",
},
code: {
color: "white",
},
figcaption: {
color: theme("colors.gray.500"),
},
"::selection": {
backgroundColor: "white",
},
},
}
})
},
},
variants: {
extend: {
typography: ['dark']
}
},
plugins: [
require('@tailwindcss/typography')
],
}