Preflight merging/extending strategy

I think it’s reasonable to assume one might want to expand on or modify the default Tailwind preflight but native Tailwind doesn’t currently provide a way to do this. So twind gets the luxury of doing it first! I’d like to open up a discussion about how that feature might look.

My first thought would be to possibly provide an extend key which could behave similarly to theme.extend.

[sastan]

With v0.13.0 this should be written as:

Just tw.apply:

import ( setup, apply } from 'twind'

setup({
  preflight: (preflight) =>
    css(
      preflight,
      { body: apply`bg-gray-900 text-gray-100` },
    ),
})

Or using template literal:

setup({
  preflight: (preflight) => css`
      ${preflight}
      body { ${apply`bg-gray-900 text-gray-100`} }
  `
})

[sastan]

Just tw.apply:

setup({
  preflight: (preflight) =>
    css(
      preflight,
      { body: tw.apply`bg-gray-900 text-gray-100` },
    ),
})

Or using template literal:

setup({
  preflight: (preflight) => css`
      ${preflight}
      body { ${tw.apply`bg-gray-900 text-gray-100`} }
  `
})