Skip to content

Move opacity modifier support into plugin theme() function #14348

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
philipp-spiess merged 5 commits into from
Sep 5, 2024
Merged

Move opacity modifier support into plugin theme() function #14348

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
bfb94ee
Move opacity modifier support into CSS `theme()` function
philipp-spiess Sep 5, 2024
73368bd
Add changelog entry
philipp-spiess Sep 5, 2024
00e233f
Avoid second `Array.isArray` call
philipp-spiess Sep 5, 2024
8e83b35
Clarify comment
philipp-spiess Sep 5, 2024
b1adb03
Clarify file names between CSS and theme function files
philipp-spiess Sep 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Clarify comment
  • Loading branch information
@philipp-spiess
philipp-spiess committed Sep 5, 2024
commit 8e83b35012470e7ccf1ea712006b848602fa897e
5 changes: 3 additions & 2 deletions packages/tailwindcss/src/functions.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -83,11 +83,12 @@ function cssThemeFn(
if (isArray && themeValue.length === 2) {
// When a tuple is returned, return the first element
resolvedValue = themeValue[0]
// We otherwise only ignore string values here, objects (and namespace maps)
// are treated as non-resolved values for the CSS `theme()` function.
} else if (isArray) {
// Arrays get serialized into a comma-separated lists
resolvedValue = themeValue.join(', ')
} else if (typeof themeValue === 'string') {
// Otherwise only allow string values here, objects (and namespace maps)
// are treated as non-resolved values for the CSS `theme()` function.
resolvedValue = themeValue
}

Expand Down