Adding Custom Styles

Metadata

• Author: tailwindcss.com
• Full Title: Adding Custom Styles
• URL: https://tailwindcss.com/docs/adding-custom-styles

Highlights

fontFamily: { sans: [‘Graphik’, ‘sans-serif’], serif: [‘Merriweather’, ‘serif’], }, (View Highlight) - Note: This enables changing your preferred font-stack globally

Arbitrary properties If you ever need to use a CSS property that Tailwind doesn’t include a utility for out of the box, you can also use square bracket notation to write completely arbitrary CSS:

<div class="[mask-type:luminance]">
 <!-- ... -->
 </div>

Meta

Tailwind UI