wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Cleanup custom properties (#2771)

Browse source 
* 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>
This commit is contained in:
Robin Malfait 2020-11-16 17:45:55 +01:00 • committed by GitHub
parent f57fbb62ae
commit b86bdbcd7e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
38 changed files with 136158 additions and 142205 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/plugins/fontVariantNumeric.js
View file

@ -3,40 +3,40 @@ export default function () {
addUtilities(
{
'.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions': {
'--font-variant-numeric-ordinal': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-slashed-zero': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-figure': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-spacing': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-fraction': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--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(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
'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': {
'--font-variant-numeric-ordinal': 'ordinal',
'--tw-ordinal': 'ordinal',
},
'.slashed-zero': {
'--font-variant-numeric-slashed-zero': 'slashed-zero',
'--tw-slashed-zero': 'slashed-zero',
},
'.lining-nums': {
'--font-variant-numeric-figure': 'lining-nums',
'--tw-numeric-figure': 'lining-nums',
},
'.oldstyle-nums': {
'--font-variant-numeric-figure': 'oldstyle-nums',
'--tw-numeric-figure': 'oldstyle-nums',
},
'.proportional-nums': {
'--font-variant-numeric-spacing': 'proportional-nums',
'--tw-numeric-spacing': 'proportional-nums',
},
'.tabular-nums': {
'--font-variant-numeric-spacing': 'tabular-nums',
'--tw-numeric-spacing': 'tabular-nums',
},
'.diagonal-fractions': {
'--font-variant-numeric-fraction': 'diagonal-fractions',
'--tw-numeric-fraction': 'diagonal-fractions',
},
'.stacked-fractions': {
'--font-variant-numeric-fraction': 'stacked-fractions',
'--tw-numeric-fraction': 'stacked-fractions',
},
},
variants('fontVariantNumeric')