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