April 9, 2021
You can customize the styles applied by the @tailwindcss/typography
plugin in your tailwind.config.js
file:
// tailwind.config.js
module.exports = {
theme: {
extend: {
typography: theme => ({
DEFAULT: {
css: {
color: theme('colors.blue.500'),
textDecoration: 'none'
}
}
}
}
},
plugins: [
require('@tailwindcss/typography')
]
}
The theme
helper function lets you access values from your Tailwind config. I find it helpful to reference the default Tailwind config when using this helper.
It's also helpful to reference the default Tailwind typography config to figure out what you want to override.
Tufts Meal Plan Wrapped
Mar 2, 2024
Building an e-ink picture frame that displays an iCloud photo album
Jan 9, 2024
2023 in review
Jan 5, 2024
Subscribe to my newsletter for a monthly round-up of new blog posts and projects Iām working on!