JSPM

tailwindcss-wp-global-styles

0.1.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q18541F
  • License MIT

A TailwindCSS Plugin to take global styles from WordPress and convert them to TailwindCSS

Package Exports

  • tailwindcss-wp-global-styles
  • tailwindcss-wp-global-styles/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tailwindcss-wp-global-styles) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

🎨 TailwindCSS WP Global Styles Plugin

This plugin takes the CSS contents of the global stylesheet from WordPress and adds it to the TailwindCSS build process.

You will have access to all the utility classes from the WordPress Global Stylesheet in your TailwindCSS build. As well as the css variables.

🚀 Installation

npm install tailwindcss-wp-global-styles

📦 Usage

Add the plugin to your tailwind.config.js file:

// tailwind.config.js
module.exports = {
    plugins: [
        require('tailwindcss-wp-global-styles')({
            globalStyes: fs.readFileSync('./path/to/wp/global.css', 'utf8'),
        }),
    ],
}

⛭ Options

The globalStyles option is required. It should be the contents of the WordPress global stylesheet.

🪪 License

MIT

Made by natac13