v3.2.6

3.2.6

v3.2.5

3.2.5

v3.2.4

3.2.4

v3.2.3

3.2.3

v3.2.2

3.2.2

v3.2.1

3.2.1

v3.2.0

modifyPreflightStyles alternative/object syntax

scopedPreflightStyles({
  isolationStrategy: isolateForComponents('.comp'), // whatever
  modifyPreflightStyles: {
    html: {
      // removes the line-height for the html selector
      'line-height': null,
      // changes the font-family
      'font-family': '"Open Sans", sans-serif',
    },
    body: {
      // replaces the margin value for the body selector in preflight styles
      margin: '0 4px',
      // following won't have any effect as this property is not in the preflight styles
      color: 'red',
    },
  },
})

v3.1.0

modifyPreflightStyles option added (function syntax)

/** @type {import("tailwindcss").Config} */
const config = {
  // ... your Tailwind CSS config
  plugins: [
    // ... other plugins
    scopedPreflightStyles({
      isolationStrategy: ...
      modifyPreflightStyles: ({ selectorSet, property, value }) => {
        // let's say you want to override the font family
        if (property === 'font-family' && value !== 'inherit') {
          return '"Open Sans", sans-serif';
        }
        // if you want to remove some property - return null
        if (selectorSet.has('html') && property === 'line-height') {
          return null;
        }
      },
    }),
  ],
};

v1.0.3

Full Changelog: v1.0.1...v1.0.3

v1.0.1

feat: initial commit