🔖 release: v2.0.5

What's Changed

• feat: add leading shorthand by @SpiderDan98 in #31

New Contributors

• @SpiderDan98 made their first contribution in #31

Full Changelog: 2.0.5...2.0.6

🔖 release: v2.0.5

What's Changed

• Min Max issue by @salmans-teikametrics in #27

New Contributors

• @salmans-teikametrics made their first contribution in #27

Full Changelog: 2.0.4...2.0.5

🔖 release: v2.0.4

What's Changed

• [Docs]: Add tailwind-merge configuration by @thebiltheory in #32

New Contributors

• @thebiltheory made their first contribution in #32

Full Changelog: 2.0.3...2.0.4

🔖 release: v2.0.3

added

• new setting: extendValues: true When you set extendValues to true it will extend the default values. Set it to false to overwrite the values.

Bugfixes

• fix a bug that when you set a prefix, the core font sizes are also fluid (#14)

🔖 release: v2.0.2

• Fix bug when no settings or values exist (#14)

🔖 release: v2

Changes

• It's now possible to use Tailwinds theme function like theme('fontSize.2xl') (fixed #10)
• It's now possible to use float numbers for scales. I would not recommend that but it's possible (fixed #11)

Breaking changes

Options are moved into plugin options like this:

module.exports = {
  mode: 'jit',
  theme: {},
  variants: {},
  corePlugins: {},
  plugins: [
    require('tailwindcss-fluid-type')({
      settings: {
        fontSizeMin: 1.125,
        fontSizeMax: 1.25,
        ratioMin: 1.125,
        ratioMax: 1.2,
        screenMin: 20,
        screenMax: 96,
        unit: 'rem',
        prefix: ''
      },
      values: {
        'xs': [-2, 1.6],
        'sm': [-1, 1.6],
        'base': [0, 1.6],
        'lg': [1, 1.6],
        'xl': [2, 1.2],
        '2xl': [3, 1.2],
        '3xl': [4, 1.2],
        '4xl': [5, 1.1],
        '5xl': [6, 1.1],
        '6xl': [7, 1.1],
        '7xl': [8, 1],
        '8xl': [9, 1],
        '9xl': [10, 1],
      }
    })
  ],
}

v2.0.0-alpha.3

Info

You can try this version with npm i tailwindcss-fluid-type@next

Changes

It's now possible to use Tailwinds theme function like theme('fontSize.2xl') (fixed #10)

Breaking changes

Options are moved into plugin options like this:

module.exports = {
  mode: 'jit',
  theme: {},
  variants: {},
  corePlugins: {},
  plugins: [
    require('tailwindcss-fluid-type')({
      settings: {
        fontSizeMin: 1.125,
        fontSizeMax: 1.25,
        ratioMin: 1.125,
        ratioMax: 1.2,
        screenMin: 20,
        screenMax: 96,
        unit: 'rem',
        prefix: ''
      },
      values: {
        'xs': [-2, 1.6],
        'sm': [-1, 1.6],
        'base': [0, 1.6],
        'lg': [1, 1.6],
        'xl': [2, 1.2],
        '2xl': [3, 1.2],
        '3xl': [4, 1.2],
        '4xl': [5, 1.1],
        '5xl': [6, 1.1],
        '6xl': [7, 1.1],
        '7xl': [8, 1],
        '8xl': [9, 1],
        '9xl': [10, 1],
      }
    })
  ],
}

v2.0.0-alpha.4

Info

You can try this version with npm i tailwindcss-fluid-type@next

Changes

• It's now possible to use Tailwinds theme function like theme('fontSize.2xl') (fixed #10)
• It's now possible to use float numbers for scales. I would not recommend that but it's possible (fixed #11)

Breaking changes

Options are moved into plugin options like this:

module.exports = {
  mode: 'jit',
  theme: {},
  variants: {},
  corePlugins: {},
  plugins: [
    require('tailwindcss-fluid-type')({
      settings: {
        fontSizeMin: 1.125,
        fontSizeMax: 1.25,
        ratioMin: 1.125,
        ratioMax: 1.2,
        screenMin: 20,
        screenMax: 96,
        unit: 'rem',
        prefix: ''
      },
      values: {
        'xs': [-2, 1.6],
        'sm': [-1, 1.6],
        'base': [0, 1.6],
        'lg': [1, 1.6],
        'xl': [2, 1.2],
        '2xl': [3, 1.2],
        '3xl': [4, 1.2],
        '4xl': [5, 1.1],
        '5xl': [6, 1.1],
        '6xl': [7, 1.1],
        '7xl': [8, 1],
        '8xl': [9, 1],
        '9xl': [10, 1],
      }
    })
  ],
}

Update NPM Packages

1.3.4

⬆️ upgrade: npm packages

Bug Fix

Fix #5 (add clamps and return as one liner)