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

Jump to bottom

Cleanup custom properties #2771

Merged
merged 11 commits into from Nov 16, 2020
Merged

Cleanup custom properties #2771

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
2ada72b
prefix custom properties with tw-
RobinMalfait Nov 16, 2020
40c486a
prefix custom properties with tw- in tests
RobinMalfait Nov 16, 2020
52da213
prefix gradient values in the defaultConfig
RobinMalfait Nov 16, 2020
a2a7ef8
inline gradient-via-color
RobinMalfait Nov 16, 2020
9c4d394
simplify --tw-tailwind-empty to --tw-empty
RobinMalfait Nov 16, 2020
152267c
replace the long --tw-font-variant-numeric-... to the way shorter --t…
RobinMalfait Nov 16, 2020
e924089
Rename --tw-box-shadow to --tw-shadow
adamwathan Nov 16, 2020
62ff66c
Rename font-variant-numeric variables
adamwathan Nov 16, 2020
b342c6b
Remove 'transform' from transform variables
adamwathan Nov 16, 2020
99c2fa7
Shorten gradient variables
adamwathan Nov 16, 2020
bea9133
Fix style
adamwathan Nov 16, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
8 changes: 4 additions & 4 deletions __tests__/applyAtRule.test.js
View file
Open in desktop
Expand Up @@ -634,8 +634,8 @@ test('adjacent rules are collapsed after being applied', () => {
`
const expected = `
.foo:hover {
--bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--bg-opacity));
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
opacity: 0.5;
}
.foo {
Expand Down Expand Up @@ -1055,8 +1055,8 @@ test('you can apply classes in a nested rule', () => {
const expected = `
.selector {
&:hover {
--text-opacity: 1;
color: rgba(255, 255, 255, var(--text-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
}
`
Expand Down