tailwindcss/src/plugins/fontVariantNumeric.js at universal-refactor · miguilimzero/tailwindcss · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
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')
    )
  }
}