Skip to content
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

Add CSS filter support #3923

Merged
merged 17 commits into from
Apr 4, 2021
Merged

Add CSS filter support #3923

Changes from 1 commit
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
e8ced93
Implement `filter` helper classes with all methods
Jun 4, 2020
781a1d8
Rename filter plugins/utilities, drop filter opacity, add drop shadow
adamwathan Apr 3, 2021
bfef939
Remove non-final default filter values
adamwathan Apr 3, 2021
9a66ec8
Working on default filter values, add basic JIT support
adamwathan Apr 3, 2021
1e608f7
Working on blur values
adamwathan Apr 3, 2021
ba8425a
New blur values (these are ~okay)
adamwathan Apr 4, 2021
27bd54d
Match drop-shadow values to box-shadows by eye as best as possible
adamwathan Apr 4, 2021
160c6b3
Update tests
adamwathan Apr 4, 2021
44af8a2
Fix kitchen sink test
adamwathan Apr 4, 2021
88a08d8
Add filter variants configuration
adamwathan Apr 4, 2021
7e4614d
Move drop-shadow to end of filters list
adamwathan Apr 4, 2021
6160017
Add invert variants configuration
adamwathan Apr 4, 2021
de01cef
Add backdrop-filter utilities
adamwathan Apr 4, 2021
979cceb
Update tests
adamwathan Apr 4, 2021
566d4c4
Transition filters by default
adamwathan Apr 4, 2021
c750ca0
Alphabetize new config keys
adamwathan Apr 4, 2021
f97a87a
Optimize filter plugins for JIT + add arbitrary value support
adamwathan Apr 4, 2021
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
Remove non-final default filter values
  • Loading branch information
@adamwathan
adamwathan committed Apr 4, 2021
commit bfef939ab3f99203c052bd85e52299ce79ca77ef
53 changes: 9 additions & 44 deletions stubs/defaultConfig.stub.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -149,32 +149,16 @@ module.exports = {
divideWidth: (theme) => theme('borderWidth'),
fill: { current: 'currentColor' },
blur: {
0: '0',
2: '2px',
4: '4px',
8: '8px',
12: '12px',
16: '16px',
20: '20px',
24: '24px',
28: '28px',
32: '32px',
// TODO
},
brightness: {
0: '0',
25: '25%',
50: '50%',
75: '75%',
100: '100%',
// TODO
},
contrast: {
0: '0',
25: '25%',
50: '50%',
75: '75%',
100: '100%',
// TODO
},
dropShadow: {
// TODO: Decide how to account for lack of spread support
sm: '0 1px 2px rgba(0, 0, 0, 0.05)',
DEFAULT: ['0 1px 3px rgba(0, 0, 0, 0.1)', '0 1px 2px rgba(0, 0, 0, 0.06)'],
md: ['0 4px 6px rgba(0, 0, 0, 0.1)', '0 2px 4px rgba(0, 0, 0, 0.06)'],
Expand All @@ -185,40 +169,21 @@ module.exports = {
},
grayscale: {
0: '0',
25: '25%',
50: '50%',
75: '75%',
100: '100%',
DEFAULT: '100%',
},
hueRotate: {
'-180': '-180deg',
'-90': '-90deg',
'-45': '-45deg',
0: '0',
45: '45deg',
90: '90deg',
180: '180deg',
// TODO
},
invert: {
0: '0',
25: '25%',
50: '50%',
75: '75%',
100: '100%',
DEFAULT: '100%',
},
saturate: {
0: '0',
25: '25%',
50: '50%',
75: '75%',
100: '100%',
// TODO
},
sepia: {
0: '0',
25: '25%',
50: '50%',
75: '75%',
100: '100%',
DEFAULT: '100%',
},
flex: {
1: '1 1 0%',
Expand Down