tailwindcss/src/plugins/fontVariantNumeric.js
Robin Malfait b86bdbcd7e
Cleanup custom properties (#2771)
* prefix custom properties with tw-

* prefix custom properties with tw- in tests

* prefix gradient values in the defaultConfig

* inline gradient-via-color

* simplify --tw-tailwind-empty to --tw-empty

* replace the long --tw-font-variant-numeric-... to the way shorter --tw-fvn-...

* Rename --tw-box-shadow to --tw-shadow

To match class name.

* Rename font-variant-numeric variables

* Remove 'transform' from transform variables

* Shorten gradient variables

* Fix style

Co-authored-by: Adam Wathan <adam.wathan@gmail.com>
2020-11-16 11:45:55 -05:00

46 lines
1.6 KiB
JavaScript

export default function () {
return function ({ addUtilities, variants }) {
addUtilities(
{
'.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions': {
'--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',
'font-variant-numeric':
'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',
},
'.normal-nums': {
'font-variant-numeric': 'normal',
},
'.ordinal': {
'--tw-ordinal': 'ordinal',
},
'.slashed-zero': {
'--tw-slashed-zero': 'slashed-zero',
},
'.lining-nums': {
'--tw-numeric-figure': 'lining-nums',
},
'.oldstyle-nums': {
'--tw-numeric-figure': 'oldstyle-nums',
},
'.proportional-nums': {
'--tw-numeric-spacing': 'proportional-nums',
},
'.tabular-nums': {
'--tw-numeric-spacing': 'tabular-nums',
},
'.diagonal-fractions': {
'--tw-numeric-fraction': 'diagonal-fractions',
},
'.stacked-fractions': {
'--tw-numeric-fraction': 'stacked-fractions',
},
},
variants('fontVariantNumeric')
)
}
}