Appearance
Comparison with related projects β
There are other Tailwind plugins in this space. Here's how tailwindcss-fluid-font-size
compares to some.
Feature | tailwindcss-fluid-font-size | fluid-tailwind v1.0.3 | tailwindcss-fluid-type v2.0.5 | tailwindcss-fluid-typography v1.0.4 | tailwind-fluid-typography v1.2.0 |
---|---|---|---|---|---|
Fluid font sizes can go from px to rem and from rem to px | β Yes [1] | π« No | π« No | π« No | π« No |
Fluid font sizes' relative dimensions can be something other than viewport width or container inline size | β Yes | π« No | π« No | π« No | π« No |
Fluid font sizes can have distinct screens | β Yes | β Yes | π« No | π« No | π« No |
Fluid font size utilities can style font-weight | β Yes | β Yes | π« No | π« No | π« No |
Fluid font size can be inversely proportional to relative unit | β Yes | β Yes | π« No | β Unknown | π« No |
Fluid font sizes can be relative to container inline size | β Yes | β Yes | π« No | π« No | π« No |
Can have both px-to-px and rem-to-rem fluid font sizes in the same Tailwind config | β Yes | β Yes | π« No | π« No | π« No |
Fluid font size values use Tailwind core font-size value shape [2] | β Yes | β Yes | π« No | π« No | π« No |
Aware of Tailwind fontSize config | β Yes | β Yes | π« No | π« No | π« No |
Aware of Tailwind screen config | β Yes | β Yes | π« No | π« No | π« No |
Fluid font size utilities can style letter-spacing | β Yes | β Yes | π« No | β Yes | π« No |
Fluid font sizes can go from px to px | β Yes [1:1] | β Yes | β Yes | π« No | π« No |
Fluid font sizes can go from rem to rem | β Yes | β Yes | β Yes | β Yes | π« No |
Fluid font size utilities can style line-height | β Yes | β Yes | β Yes | β Yes | β Yes |
Can redefine existing font size utilities as fluid | π« No | π« No | β Yes | π« No | π« No |
Adds fluidity support to core plugins besides font-size | π« No [3] | β Yes | π« No [3:1] | π« No [3:2] | π« No [3:3] |
Can add fluidity support to third-party plugins | π« No | β Yes | π« No | π« No | π« No |