Winden

Fluid Tailwind

Visit Fluid Tailwind Website →

import fluid, { extract, screens, fontSize, } from 'https://esm.sh/fluid-tailwind@0.3.6';

export default {
    theme: {
        fontSize,
        screens,
        extend: {},
    },

    content: {
        extract
    },

    plugins: [
        fluid({
            checkExtractConfig: false,
            checkSC144: false // default: true
        }),
    ],

    corePlugins: {
        preflight: false, // Disabling Tailwind's reset/base styles
    }
}

You can also create your own font sizes:

fontSize: {

  'sm': '2rem',
  'md': '5rem',
  'xl': '10rem'
  
},

Info

Do not use more then 2 sizes in between. sm/lg, xl/3xl otherwise size will fail.

This if now fixed by adding: checkSC144: false under plugins

Size fail is connected with the accessibility violation. And at this point you can not bypass that.

Issue regarding this matter is already open.
You can read more about that on their github issues: https://github.com/barvian/fluid-tailwind/issues/11