Tailwindcss Fluid Type Versions Save

A plugin that makes the use of Fluid Type a breeze.

2.0.6

2 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/davidhellmann/tailwindcss-fluid-type/compare/2.0.5...2.0.6

2.0.5

2 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/davidhellmann/tailwindcss-fluid-type/compare/2.0.4...2.0.5

2.0.4

2 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/davidhellmann/tailwindcss-fluid-type/compare/2.0.3...2.0.4

2.0.3

1 year ago

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)

2.0.2

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

2.0.0

1 year ago

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.4

1 year ago

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],
      }
    })
  ],
}

v2.0.0-alpha.3

1 year ago

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],
      }
    })
  ],
}

1.3.4

2 years ago

1.3.3

2 years ago

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