Extending the default breakpoints

[mboisvertdupras]

This is more of a question than an issue but I was wondering how I could go about extending the screens provided by fluid-tailwind instead of overwriting them? For example, if I want to edit the 2xl breakpoint to be 100rem instead of 96rem.

[barvian]

Hi! You should be able to extend them like so:

import fluid, { extract, screens } from 'fluid-tailwind'

export default {
  theme: {
    screens,
    extend: {
      screens: {
        '2xl': '100rem'
      }
    }
  }
  // ...
}

Let me know if that works as you'd expect.

[mboisvertdupras]

Works perfectly, thanks a bunch!