-
Notifications
You must be signed in to change notification settings - Fork 4.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Move opacity modifier support into plugin
theme()
function (#14348)
This PR moves support for opacity modifies from the CSS `theme()` function into the plugin `theme()` implementation, this will allow plugins to use this, too: ```ts let plugin = plugin(function ({ addUtilities, theme }) { addUtilities({ '.percentage': { color: theme('colors.red.500 / 50%'), }, '.fraction': { color: theme('colors.red.500 / 0.5'), }, '.variable': { color: theme('colors.red.500 / var(--opacity)'), }, }) }) } ``` There's a small behavioral change for the CSS `theme()` function. Since tuples are resolved by default for the CSS `theme()` function only, these will no longer have opacity applied to their first values. This is probably fine given the reduced complexity as I don't expect the first values of tuples to be colors and the fix would mean we would have to parse the modifier in different places.
- Loading branch information
1 parent
d9558bb
commit 8f8803d
Showing
8 changed files
with
93 additions
and
41 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
52 changes: 36 additions & 16 deletions
52
packages/tailwindcss/src/theme-fn.ts → ...ailwindcss/src/compat/plugin-functions.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters