Skip to content

Commit

Permalink
Swap SCSS variables for CSS variables. Closes #29574.
Browse files Browse the repository at this point in the history
  • Loading branch information
@helgatheviking
helgatheviking committed Apr 2, 2021
1 parent 9398c89 commit 3822161
Show file tree
Hide file tree
Showing 6 changed files with 122 additions and 122 deletions.
36 changes: 18 additions & 18 deletions assets/css/admin.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -711,7 +711,7 @@ table.wc_status_table {
}

mark.yes {
color: $green;
color: var( --wc-green );
}

mark.no {
Expand All @@ -720,7 +720,7 @@ table.wc_status_table {

mark.error,
.red {
color: $red;
color: var( --wc-red );
}

ul {
Expand Down Expand Up @@ -1025,7 +1025,7 @@ ul.wc_coupon_list {
}

&:hover::before {
color: $red;
color: var( --wc-red );
}
}
}
Expand Down Expand Up @@ -1421,7 +1421,7 @@ ul.wc_coupon_list_block {
}

.refunded-total {
color: $red;
color: var( --wc-red );
}

.label-highlight {
Expand Down Expand Up @@ -1903,7 +1903,7 @@ ul.wc_coupon_list_block {
}

&:hover::before {
color: $red;
color: var( --wc-red );
}
}

Expand All @@ -1914,7 +1914,7 @@ ul.wc_coupon_list_block {

small.refunded {
display: block;
color: $red;
color: var( --wc-red );
white-space: nowrap;
margin-top: 0.5em;

Expand Down Expand Up @@ -1990,7 +1990,7 @@ ul.wc_coupon_list_block {
}

&:hover::before {
color: $red;
color: var( --wc-red );
}
}
}
Expand Down Expand Up @@ -2732,7 +2732,7 @@ ul.order_notes {
}

a.delete_note {
color: $red;
color: var( --wc-red );
}

.note_content::after {
Expand Down Expand Up @@ -2933,7 +2933,7 @@ table.wp-list-table {
}

&.instock {
color: $green;
color: var( --wc-green );
}

&.outofstock {
Expand Down Expand Up @@ -2996,7 +2996,7 @@ table.wp-list-table {

mark.notice {
background: #fff;
color: $red;
color: var( --wc-red );
margin: 0 0 0 10px;
}

Expand Down Expand Up @@ -3041,7 +3041,7 @@ table.wc_input_table {
}

span.tips {
color: $blue;
color: var( --wc-blue );
}

th {
Expand Down Expand Up @@ -3874,7 +3874,7 @@ img.help_tip {
.status-enabled::before {

@include icon( "\e015" );
color: $woocommerce;
color: var( --woocommerce );
}

.status-disabled::before {
Expand Down Expand Up @@ -4017,7 +4017,7 @@ img.help_tip {

span.help_tip {
cursor: help;
color: $blue;
color: var( --wc-blue );
}

th {
Expand Down Expand Up @@ -4350,7 +4350,7 @@ img.help_tip {
}

&:hover::before {
color: $red;
color: var( --wc-red );
}
}
}
Expand Down Expand Up @@ -4734,7 +4734,7 @@ img.help_tip {
&:hover {

&::before {
color: $red;
color: var( --wc-red );
}
}
}
Expand Down Expand Up @@ -4855,7 +4855,7 @@ img.help_tip {
.req {
font-weight: 700;
font-style: normal;
color: $red;
color: var( --wc-red );
}
}

Expand Down Expand Up @@ -5752,12 +5752,12 @@ img.ui-datepicker-trigger {
border-right-width: 0;
padding: 10px;
margin: 0;
color: $blue;
color: var( --wc-blue );
border-top-width: 0;
background-image: linear-gradient(to top, #ececec, #f9f9f9);

&.section_title:hover {
color: $red;
color: var( --wc-red );
}
}

Expand Down
4 changes: 2 additions & 2 deletions assets/css/dashboard.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -171,15 +171,15 @@ ul.woocommerce_stats {

a::before {
content: "\e016";
color: $orange;
color: var( --wc-orange );
}
}

li.out-of-stock {

a::before {
content: "\e013";
color: $red;
color: var( --wc-red );
}
}
}
Expand Down
12 changes: 6 additions & 6 deletions assets/css/twenty-nineteen.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ $headings: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cant
$body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;

$body-color: #111;
$highlights-color: #0073aa;
var( --wc-highlight )s-color: #0073aa;

/**
* Fonts
Expand Down Expand Up @@ -103,7 +103,7 @@ a.button {
top: 0;
left: 0;
display: inline-block;
background: $highlights-color;
background: var( --wc-highlight )s-color;
color: #fff;
display: inline-block;
font-family: $headings;
Expand Down Expand Up @@ -169,11 +169,11 @@ a.button {
}

.woocommerce-info {
background: $highlights-color;
background: var( --wc-highlight )s-color;
}

.woocommerce-store-notice {
background: $highlights-color;
background: var( --wc-highlight )s-color;
color: #fff;
padding: 1rem;
position: absolute;
Expand Down Expand Up @@ -537,8 +537,8 @@ table.variations {

&.active {
a {
color: $highlights-color;
box-shadow: 0 2px 0 $highlights-color;
color: var( --wc-highlight )s-color;
box-shadow: 0 2px 0 var( --wc-highlight )s-color;
}
}
}
Expand Down
16 changes: 8 additions & 8 deletions assets/css/twenty-twenty-one.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ $headings: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-
$body: nonbreakingspaceoverride, "Hoefler Text", garamond, "Times New Roman", serif;

$body-color: currentColor;
$highlights-color: #88a171;
var( --wc-highlight )s-color: #88a171;

/**
* Fonts
Expand Down Expand Up @@ -164,7 +164,7 @@ a.button {
position: absolute;
top: -0.7rem;
right: -0.7rem;
background: $highlights-color;
background: var( --wc-highlight )s-color;
color: #fff;
font-family: $headings;
font-size: 1.2rem;
Expand Down Expand Up @@ -267,7 +267,7 @@ a.button {
.woocommerce-info {
background: #eee;
color: #000;
border-top: 2px solid $highlights-color;
border-top: 2px solid var( --wc-highlight )s-color;

a {
color: #444;
Expand All @@ -277,7 +277,7 @@ a.button {
}

&.button {
background: $highlights-color;
background: var( --wc-highlight )s-color;
color: #f5efe0;
}
}
Expand All @@ -286,7 +286,7 @@ a.button {
.woocommerce-store-notice {
background: #eee;
color: #000;
border-top: 2px solid $highlights-color;
border-top: 2px solid var( --wc-highlight )s-color;
padding: 2rem;
position: absolute;
top: 0;
Expand Down Expand Up @@ -491,7 +491,7 @@ a.remove {
color: #000;

&:hover {
background: $highlights-color;
background: var( --wc-highlight )s-color;
color: #fff !important;
}
}
Expand Down Expand Up @@ -1224,7 +1224,7 @@ a.reset_variations {

a {
text-decoration: underline;
color: $highlights-color;
color: var( --wc-highlight )s-color;
}
}
}
Expand Down Expand Up @@ -1717,7 +1717,7 @@ a.reset_variations {
.form-row.woocommerce-invalid {

input.input-text {
border: 2px solid $highlights-color;
border: 2px solid var( --wc-highlight )s-color;
}
}

Expand Down
20 changes: 10 additions & 10 deletions assets/css/twenty-twenty.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ $headings: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-
$body: nonbreakingspaceoverride, "Hoefler Text", garamond, "Times New Roman", serif;

$body-color: #111;
$highlights-color: #cd2653;
var( --wc-highlight )s-color: #cd2653;

/**
* Fonts
Expand Down Expand Up @@ -157,7 +157,7 @@ a.button {
top: 0;
left: 0;
display: inline-block;
background: $highlights-color;
background: var( --wc-highlight )s-color;
color: #fff;
font-family: $headings;
font-size: 1.7rem;
Expand Down Expand Up @@ -245,7 +245,7 @@ a.button {
.woocommerce-info {
background: #eee;
color: #000;
border-top: 2px solid $highlights-color;
border-top: 2px solid var( --wc-highlight )s-color;

a {
color: #444;
Expand All @@ -255,7 +255,7 @@ a.button {
}

&.button {
background: $highlights-color;
background: var( --wc-highlight )s-color;
color: #f5efe0;
}
}
Expand All @@ -264,7 +264,7 @@ a.button {
.woocommerce-store-notice {
background: #eee;
color: #000;
border-top: 2px solid $highlights-color;
border-top: 2px solid var( --wc-highlight )s-color;
padding: 2rem;
position: absolute;
top: 0;
Expand Down Expand Up @@ -459,7 +459,7 @@ a.remove {
color: #000;

&:hover {
background: $highlights-color;
background: var( --wc-highlight )s-color;
color: #fff !important;
}
}
Expand Down Expand Up @@ -772,8 +772,8 @@ a.reset_variations {
&.active {

a {
color: $highlights-color;
box-shadow: 0 2px 0 $highlights-color;
color: var( --wc-highlight )s-color;
box-shadow: 0 2px 0 var( --wc-highlight )s-color;
}
}
}
Expand Down Expand Up @@ -1170,7 +1170,7 @@ a.reset_variations {

a {
text-decoration: underline;
color: $highlights-color;
color: var( --wc-highlight )s-color;
}
}
}
Expand Down Expand Up @@ -1742,7 +1742,7 @@ a.reset_variations {
.form-row.woocommerce-invalid {

input.input-text {
border: 2px solid $highlights-color;
border: 2px solid var( --wc-highlight )s-color;
}
}

Expand Down
Loading

0 comments on commit 3822161

Please sign in to comment.