tailwindcss-font-variant-numeric
A plugin for Tailwind CSS to create
utility classes for font-variant-numeric
.
Requirements
This plugin requires Tailwind CSS v1.x.
Installation
npm install --save-dev tailwindcss-font-variant-numeric
or
yarn add --dev tailwindcss-font-variant-numeric
Usage
In your tailwind.config.js:
moduleexports = // … plugins: // … // … // …;
Utilities
By default, this plugin generates the following utilities:
Customization
font-variant-numeric
can take a combination of multiple values (e.g.
tabular-nums slashed-zero
), but for the sake of simplicity we only
create utility classes for single values by default. If you need a
utility class for a combination of values, you can customize this in
tailwind.config.js:
const defaultConfig = ; moduleexports = theme: // … fontVariantNumeric: "tabular-slashed": "tabular-nums slashed-zero" // … // …;
This would generate the following utility class: