Skip to content

Add new mask-image utilities for Tailwind CSS v4.1 #17134

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
merged 29 commits into from
Mar 28, 2025
Merged

Add new mask-image utilities for Tailwind CSS v4.1 #17134

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
0bff045
Record `mask-*` in the global property list
thecrypticace Mar 11, 2025
7c96737
Pass arbitrary value data type to `handle(…)`
thecrypticace Mar 21, 2025
dac5cdf
Add utilities for `mask-image`
thecrypticace Mar 24, 2025
8238ac1
Add utilities for `mask-composite`
thecrypticace Mar 21, 2025
ccc9972
Add utilities for `mask-mode`
thecrypticace Mar 21, 2025
eb84471
Add utilities for `mask-type`
thecrypticace Mar 10, 2025
9ac547e
Add utilities for `mask-size`
thecrypticace Mar 24, 2025
7eeca95
Add utilities for `mask-position`
thecrypticace Mar 25, 2025
a8e0683
Add utilities for `mask-repeat`
thecrypticace Mar 13, 2025
df0d9cc
Add utilities for `mask-clip`
thecrypticace Mar 21, 2025
d69813e
Add utilities for `mask-origin`
thecrypticace Mar 13, 2025
811573b
Add utilities for `mask-{t,r,b,l,x,y}-{from,to}-*`
thecrypticace Mar 26, 2025
3c63cc6
Add utilities for `mask-linear-*`
thecrypticace Mar 26, 2025
977c86c
Add utilities for `mask-radial-*`
thecrypticace Mar 26, 2025
e603333
Add utilities for `mask-conic-*`
thecrypticace Mar 26, 2025
091cc74
Add UI tests
thecrypticace Mar 11, 2025
29b5d52
Update changelog
thecrypticace Mar 13, 2025
ba025bd
Use opaque white as the default mask color
thecrypticace Mar 26, 2025
6719dce
Update UI tests
thecrypticace Mar 27, 2025
3c2f241
Support negative conic gradient mask angles
thecrypticace Mar 27, 2025
255528f
Remove duplicate utility definition
thecrypticace Mar 28, 2025
2a18e01
Add tests
thecrypticace Mar 28, 2025
bd19dc5
Inline `—spacing(…)` function
thecrypticace Mar 28, 2025
adfdfc3
Update tests
thecrypticace Mar 28, 2025
7ba6c44
Add more tests
thecrypticace Mar 28, 2025
c0dc656
Add tests
thecrypticace Mar 28, 2025
5cda42e
Remove unncessary type inference
thecrypticace Mar 28, 2025
2553573
Add more tests
thecrypticace Mar 28, 2025
04352a3
Add `mask-{position,size}-*` utilities
thecrypticace Mar 28, 2025
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
1 change: 1 addition & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- _Experimental_: Add `@source inline(…)` ([#17147](https://github.com/tailwindlabs/tailwindcss/pull/17147))
- _Experimental_: Add `@source not` ([#17255](https://github.com/tailwindlabs/tailwindcss/pull/17255))
- _Experimental_: Add `text-shadow-*` utilities ([#17389](https://github.com/tailwindlabs/tailwindcss/pull/17389))
- _Experimental_: Add `mask-*` utilities ([#17134](https://github.com/tailwindlabs/tailwindcss/pull/17134))
- Added new `bg-{top,bottom}-{left,right}` utilities ([#17378](https://github.com/tailwindlabs/tailwindcss/pull/17378))
- Added new `bg-{position,size}-*` utilities for arbitrary values ([#17432](https://github.com/tailwindlabs/tailwindcss/pull/17432))
- Added new `shadow-*/{alpha}`, `inset-shadow-*/{alpha}`, and `text-shadow-*/{alpha}` utilities to control shadow opacity ([#17398](https://github.com/tailwindlabs/tailwindcss/pull/17398))
Expand Down
Loading