tailwindcss-theming

• Updated to Tailwind 2 (https://github.com/innocenzi/tailwindcss-theming/issues/35, https://github.com/innocenzi/tailwindcss-theming/commit/b9635bfb4a48e790059ed0a158097d69005c0d69)

• Updated dependencies.

b4fa0305dfcedfecadd4a98ad6c06d706dd93c7f - Fixed an issue where utilities were generated in camelCase instead of kebab-case (eg. fontSans instead of font-sans) (https://github.com/innocenzi/tailwindcss-theming/issues/24)

This new major version is a rewrite of the plugin, with breaking API changes but better experience overall. The upgrading guide is yet to be written.

See this draft PR for more details: https://github.com/hawezo/tailwindcss-theming/pull/22

• Fixed GHSA-7fhm-mqm4-2wp7

• Updated for Tailwind 1.2.0
  • Fixed font tests for Tailwind 1.2.0
  • Updated dependencies

Bumped version to remove hex tag.

• Added hexadecimal mode, which disables the opacity variants but use hexadecimal color codes instead of RGB and RGBA
  • See the documentation

• Minor update for Tailwind Canary 5
  • Fixed tests for latest version of Tailwind

• Multiple variants with the same name but with different unique target colors can be declared (#6).

• Fixed an issue where color variants' opacity was duplicated (output as 0,0,0,.5,.5 instead of 0,0,0,.5).

• Added the possibility to extend Tailwind configuration with custom CSS properties
  • Syntax is .variable('name', 'value', 'tailwindConfigurationItem')
• New documentation

• Now supports adding personal custom properties
  • Call .variable(name, value) to add a custom property to a theme
  • See the readme for more information

Example

The following theme configuration:

new Theme()
  .color('primary', 'white')
  .variable('theme-scheme', 'light')
  .variable('font-title', ['Roboto', '"Segoe UI"', 'Arial']);

Will generate:

:root {
  --color-primary: #ffffff;
  --theme-scheme: light;
  --font-title: Roboto,"Segoe UI",Arial;
}

• Fixed an issue with color variants.
  • Can be a breaking change: before, opacity was not taking into account (eg. #ffffff00 would be white)
  • Now, opacity is taking into account (eg. #ffffff00 will be transparent)

Note: v2.0.1 actually contains these changes, but v2.0.2 fixes a typo in them.

• Configuration changes
  • A theme is no longer default by default, you have to call .default()
  • ThemeBuilder is now more fluent
• Added .dark() and .light() helpers in ThemeBuilder
• Removed .schemeDefault(), replaced by existing .default()
• Removed .keep(), replaced by .assignable()

• Fixed an issue with opacity variants being parsed as pixel values by Tailwind.

• Fixed an issue where default colors which had variants were not generated.

• Update for tailwindcss@canary.
• Contains breaking API changes, check the readme for the new configuration instructions.