Adding am XS Breakpoint

Is it possible to add an XS breakpoint for tailwinds in BF? Tailwind docs say “You define your project’s breakpoints in the theme.screens section of your tailwind.config.js file”.

Update to the latest TW version ( 2.0+ ) and then there are some additional classes for that.

Generally the concept is you start with the smallest class and don’t prefix it, then add the prefix and classes

See the TW site for examples.

So defining for example a text size of text-sm without a prefix will be for the smallest of devices (what I was thinking of as xs) and then if I need the text bigger for all other device sizes I would include sm:text-lg?

TW2.0 has an explicit xs breakpoint, so you can combine that with larger sizes.