Skip to content

55991 #3436

New issue

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

Sign up for

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

Already on ? Sign in to your account

Closed
wants to merge 4 commits into from
Closed

55991 #3436

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
231dc53
apply 55991-2.diff
whazeOct 11, 2022
b0f284a
compiled stylesheets from 55991-2.diff
whazeOct 11, 2022
bf1a953
stylelint
whazeOct 11, 2022
5577ff1
update css.map
whazeOct 11, 2022
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
PrevPrevious commit
Next Next commit
stylelint
  • Loading branch information
@whaze
whaze committedOct 11, 2022
commit bf1a95343c9f373d9d16307f92b6144b31ca6a69
5 changes: 3 additions & 2 deletions src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,6 +10,7 @@
.wp-block-quote__citation,
cite,
footer {

.has-background &,
[class*="background-color"] &,
[style*="background-color"] &,
Expand DownExpand Up@@ -138,11 +139,11 @@
/* Ony apply the default font size if the user has not selected a size. */
blockquote:not([class*="font-size"]) {
font-size: var(--quote--font-size);

&:before {
font-size: var(--quote--font-size);
}

.wp-block-quote__citation,
cite,
footer {
Expand Down
54 changes: 27 additions & 27 deletions src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -3,7 +3,7 @@
.has-black-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-black, #000000);
--local--color-primary: var(--global--color-black, #000);
color: var(--local--color-primary);
}
color: var(--global--color-black);
Expand All@@ -12,7 +12,7 @@
.has-gray-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-gray, #000000);
--local--color-primary: var(--global--color-gray, #000);
color: var(--local--color-primary);
}
color: var(--global--color-gray);
Expand All@@ -21,7 +21,7 @@
.has-dark-gray-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-dark-gray, #000000);
--local--color-primary: var(--global--color-dark-gray, #000);
color: var(--local--color-primary);
}
color: var(--global--color-dark-gray);
Expand All@@ -30,7 +30,7 @@
.has-green-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-green, #FFFFFF);
--local--color-primary: var(--global--color-green, #fff);
color: var(--local--color-primary);
}
color: var(--global--color-green);
Expand All@@ -39,7 +39,7 @@
.has-blue-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-blue, #FFFFFF);
--local--color-primary: var(--global--color-blue, #fff);
color: var(--local--color-primary);
}
color: var(--global--color-blue);
Expand All@@ -48,7 +48,7 @@
.has-purple-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-purple, #FFFFFF);
--local--color-primary: var(--global--color-purple, #fff);
color: var(--local--color-primary);
}
color: var(--global--color-purple);
Expand All@@ -57,7 +57,7 @@
.has-red-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-red, #FFFFFF);
--local--color-primary: var(--global--color-red, #fff);
color: var(--local--color-primary);
}
color: var(--global--color-red);
Expand All@@ -66,7 +66,7 @@
.has-orange-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-orange, #FFFFFF);
--local--color-primary: var(--global--color-orange, #fff);
color: var(--local--color-primary);
}
color: var(--global--color-orange);
Expand All@@ -75,7 +75,7 @@
.has-yellow-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-yellow, #FFFFFF);
--local--color-primary: var(--global--color-yellow, #fff);
color: var(--local--color-primary);
}
color: var(--global--color-yellow);
Expand All@@ -84,7 +84,7 @@
.has-white-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-white, #FFFFFF);
--local--color-primary: var(--global--color-white, #fff);
color: var(--local--color-primary);
}
color: var(--global--color-white);
Expand All@@ -108,7 +108,7 @@
.has-black-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-black, #000000);
--local--color-background: var(--global--color-black, #000);
background-color: var(--local--color-background);
}
background-color: var(--global--color-black);
Expand All@@ -117,7 +117,7 @@
.has-dark-gray-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-dark-gray, #000000);
--local--color-background: var(--global--color-dark-gray, #000);
background-color: var(--local--color-background);
}
background-color: var(--global--color-dark-gray);
Expand All@@ -126,7 +126,7 @@
.has-gray-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-gray, #000000);
--local--color-background: var(--global--color-gray, #000);
background-color: var(--local--color-background);
}
background-color: var(--global--color-gray);
Expand All@@ -135,7 +135,7 @@
.has-light-gray-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-light-gray, #FFFFFF);
--local--color-background: var(--global--color-light-gray, #fff);
background-color: var(--local--color-background);
}
background-color: var(--global--color-light-gray);
Expand All@@ -144,7 +144,7 @@
.has-green-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-green, #FFFFFF);
--local--color-background: var(--global--color-green, #fff);
background-color: var(--local--color-background);
}
background-color: var(--global--color-green);
Expand All@@ -153,7 +153,7 @@
.has-blue-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-blue, #FFFFFF);
--local--color-background: var(--global--color-blue, #fff);
background-color: var(--local--color-background);
}
background-color: var(--global--color-blue);
Expand All@@ -162,7 +162,7 @@
.has-purple-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-purple, #FFFFFF);
--local--color-background: var(--global--color-purple, #fff);
background-color: var(--local--color-background);
}
background-color: var(--global--color-purple);
Expand All@@ -171,7 +171,7 @@
.has-red-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-red, #FFFFFF);
--local--color-background: var(--global--color-red, #fff);
background-color: var(--local--color-background);
}
background-color: var(--global--color-red);
Expand All@@ -180,7 +180,7 @@
.has-orange-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-orange, #FFFFFF);
--local--color-background: var(--global--color-orange, #fff);
background-color: var(--local--color-background);
}
background-color: var(--global--color-orange);
Expand All@@ -189,7 +189,7 @@
.has-yellow-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-yellow, #FFFFFF);
--local--color-background: var(--global--color-yellow, #fff);
background-color: var(--local--color-background);
}
background-color: var(--global--color-yellow);
Expand All@@ -198,7 +198,7 @@
.has-white-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-white, #FFFFFF);
--local--color-background: var(--global--color-white, #fff);
background-color: var(--local--color-background);
}
background-color: var(--global--color-white);
Expand All@@ -209,14 +209,14 @@
&.has-black-background-color[class],
&.has-gray-background-color[class],
&.has-dark-gray-background-color[class] {
color: var(--global--color-white);
color: var(--global--color-white);

// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-background, #FFFFFF);
--local--color-primary: var(--global--color-background, #fff);
// Reverse the local foreground color in darkmode
.is-dark-theme & {
--local--color-primary: var(--global--color-primary, #000000);
--local--color-primary: var(--global--color-primary, #000);
}
color: var(--local--color-primary, var(--global--color-primary));
}
Expand All@@ -229,14 +229,14 @@
&.has-orange-background-color[class],
&.has-yellow-background-color[class],
&.has-white-background-color[class] {
color: var(--global--color-dark-gray);
color: var(--global--color-dark-gray);

// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-primary, #000000);
--local--color-primary: var(--global--color-primary, #000);
// Reverse the local foreground color in darkmode
.is-dark-theme & {
--local--color-primary: var(--global--color-background, #FFFFFF);
--local--color-primary: var(--global--color-background, #fff);
}
color: var(--local--color-primary, var(--global--color-primary));
}
Expand Down