rebase on oct-10-2023

This commit is contained in:
Rachit Bhargava
2023-10-10 17:23:21 -04:00
parent d37566ffb6
commit d096058d7d
4789 changed files with 254611 additions and 307223 deletions
@@ -2,13 +2,13 @@
* WooCommerce CSS Variables
*/
$woocommerce: #a46497 !default;
$woocommerce: #7F54B3 !default;
$green: #7ad03a !default;
$red: #a00 !default;
$orange: #ffba00 !default;
$blue: #2ea2cc !default;
$primary: #a46497 !default; // Primary color for buttons (alt)
$primary: #7F54B3 !default; // Primary color for buttons (alt)
$primarytext: desaturate(lighten($primary, 50%), 18%) !default; // Text on primary color bg
$secondary: desaturate(lighten($primary, 40%), 21%) !default; // Secondary buttons
@@ -1 +1 @@
div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-right-color:#cc99c2!important}.woocommerce-message .button-primary,p.woocommerce-actions .button-primary{background:#bb77ae;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597;color:#fff;text-shadow:0 -1px 1px #a36597,-1px 0 1px #a36597,0 1px 1px #a36597,1px 0 1px #a36597}.woocommerce-message .button-primary:active,.woocommerce-message .button-primary:focus,.woocommerce-message .button-primary:hover,p.woocommerce-actions .button-primary:active,p.woocommerce-actions .button-primary:focus,p.woocommerce-actions .button-primary:hover{background:#a36597;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:left;top:0;left:0;padding:0 28px 10px 15px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;right:-20px;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-right:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important}
div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-right-color:var(--wp-admin-theme-color)!important}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:left;top:0;left:0;padding:0 28px 10px 15px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;right:-20px;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-right:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important}
@@ -1 +1 @@
div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-left-color:#cc99c2!important}.woocommerce-message .button-primary,p.woocommerce-actions .button-primary{background:#bb77ae;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597;color:#fff;text-shadow:0 -1px 1px #a36597,1px 0 1px #a36597,0 1px 1px #a36597,-1px 0 1px #a36597}.woocommerce-message .button-primary:active,.woocommerce-message .button-primary:focus,.woocommerce-message .button-primary:hover,p.woocommerce-actions .button-primary:active,p.woocommerce-actions .button-primary:focus,p.woocommerce-actions .button-primary:hover{background:#a36597;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:right;top:0;right:0;padding:0 15px 10px 28px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;left:-20px;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-left:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important}
div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-left-color:var(--wp-admin-theme-color)!important}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:right;top:0;right:0;padding:0 15px 10px 28px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;left:-20px;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-left:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important}
@@ -11,29 +11,13 @@ div.woocommerce-message {
position: relative;
&.updated {
border-left-color: #cc99c2 !important;
border-left-color: var(--wp-admin-theme-color) !important;
}
}
p.woocommerce-actions,
.woocommerce-message {
.button-primary {
background: #bb77ae;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
color: #fff;
text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
&:hover,
&:focus,
&:active {
background: #a36597;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
}
}
a.woocommerce-message-close {
position: static;
float: right;
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -199,7 +199,7 @@
}
.update-plugins .update-count {
background-color: #d54e21;
background-color: var(--wp-admin-theme-color);
border-radius: 10px;
color: #fff;
display: inline-block;
@@ -477,7 +477,7 @@
.addon-product-group-see-more,
.addon-product-group-see-more:visited {
color: #007cba;
color: var(--wp-admin-theme-color);
/* Primary / Blue */
display: block;
font-size: 13px;
@@ -582,7 +582,7 @@
h2,
h3 {
color: #007cba;
color: var(--wp-admin-theme-color);
font-size: 20px;
font-weight: 400;
letter-spacing: -0.32px;
@@ -620,7 +620,7 @@
}
h2 {
color: #2c3338;
color: var(--wp-admin-theme-color);
}
}
@@ -718,8 +718,8 @@
.button {
background-color: #fff;
border-color: #007cba;
color: #007cba;
border-color: var(--wp-admin-theme-color);
color: var(--wp-admin-theme-color);
float: right;
font-size: 13px;
height: 36px;
@@ -857,7 +857,7 @@
max-width: 1200px;
.update-plugins .update-count {
background-color: #d54e21;
background-color: var(--wp-admin-theme-color);
border-radius: 10px;
color: #fff;
display: inline-block;
@@ -902,21 +902,7 @@
.woocommerce-BlankState {
a.button-primary,
button.button-primary {
background: #bb77ae;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
color: #fff;
text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597,
-1px 0 1px #a36597;
display: inline-block;
&:hover,
&:focus,
&:active {
background: #a36597;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
}
}
}
@@ -925,7 +911,7 @@
overflow: hidden;
&.updated {
border-left-color: #cc99c2 !important;
border-left-color: var(--wp-admin-theme-color) !important;
}
a.skip,
@@ -1071,27 +1057,38 @@ $default-line-height: 18px;
}
}
.add-variation-container {
@extend %container-defaults;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
position: relative;
.arrow-image-wrapper {
position: absolute;
top: 10px;
left: 87px;
#variable_product_options_inner {
> .toolbar:not(.expand-close-hidden) {
border-bottom: 1px solid #eee;
}
p {
@extend %centered-text;
}
&.hidden {
.add-variation-container {
display: none;
}
&.no-variations {
> .toolbar:not(.expand-close-hidden) {
border-bottom: none;
}
.add-variation-container {
display: flex;
@extend %container-defaults;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
position: relative;
.arrow-image-wrapper {
position: absolute;
top: 10px;
left: 87px;
}
p {
@extend %centered-text;
}
}
}
}
}
@@ -1130,7 +1127,6 @@ $default-line-height: 18px;
}
.toolbar-top {
.button,
.attribute_taxonomy,
.select2-container {
margin: 1px;
}
@@ -2789,6 +2785,10 @@ ul.wc_coupon_list_block {
padding: 1em 1em 1em 1em !important;
vertical-align: middle;
.locked-indicator {
margin-left: 0;
}
input {
vertical-align: text-top;
margin: 1px 0;
@@ -2856,7 +2856,7 @@ ul.wc_coupon_list_block {
}
&:hover {
border: 2px solid #00a0d2;
border: 2px solid var(--wp-admin-theme-color);
}
}
@@ -2870,6 +2870,14 @@ ul.wc_coupon_list_block {
}
}
.woocommerce_page_wc-orders .wp-list-table .locked-indicator-icon {
margin-left: -2px;
&:before {
vertical-align: top;
}
}
.order-status {
display: inline-flex;
line-height: 2.5em;
@@ -3907,11 +3915,9 @@ table.wc-shipping-classes {
td.wc-shipping-zones-blank-state,
td.wc-shipping-zone-method-blank-state {
background: #f7f1f6 !important;
overflow: hidden;
position: relative;
padding: 7.5em 7.5% !important;
border-bottom: 2px solid #eee2ec;
&.wc-shipping-zone-method-blank-state {
padding: 2em !important;
@@ -3923,16 +3929,16 @@ table.wc-shipping-classes {
p,
li {
color: #a46497;
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 1em;
color: var(--wc-secondary-text);
font-size: 1.2em;
line-height: 1.2em;
margin: 0 0 1.5em;
position: relative;
z-index: 1;
text-shadow: 1px 1px 1px white;
&.main {
font-size: 2em;
font-size: 1.6em;
}
}
@@ -3946,7 +3952,7 @@ table.wc-shipping-classes {
font-family: "WooCommerce";
text-align: center;
line-height: 1;
color: #eee2ec;
color: #e9e9e9;
display: block;
width: 1em;
font-size: 40em;
@@ -3957,16 +3963,9 @@ table.wc-shipping-classes {
}
.button-primary {
background-color: #804877;
border-color: #804877;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 1px 0 rgba(0, 0, 0, 0.15);
margin: 0;
opacity: 1;
text-shadow: 0 -1px 1px #8a4f7f, 1px 0 1px #8a4f7f,
0 1px 1px #8a4f7f, -1px 0 1px #8a4f7f;
font-size: 1.5em;
padding: 0.75em 1em;
font-size: 1.2em;
padding: 0.75em 1.5em;
margin: 0 0.25em;
height: auto;
position: relative;
z-index: 1;
@@ -4183,8 +4182,8 @@ table.wc-shipping-classes {
.woocommerce-input-toggle {
height: 16px;
width: 32px;
border: 2px solid #935687;
background-color: #935687;
border: 2px solid var(--wp-admin-theme-color);
background-color: var(--wp-admin-theme-color);
display: inline-block;
text-indent: -9999px;
border-radius: 10em;
@@ -4319,7 +4318,7 @@ img.help_tip {
.status-enabled::before {
@include icon("\e015");
color: $woocommerce;
color: var(--wp-admin-theme-color);
}
.status-disabled::before {
@@ -4344,7 +4343,7 @@ img.help_tip {
margin-left: 0.5em;
a {
color: #a46497;
color: var(--wp-admin-theme-color);
}
}
@@ -5348,13 +5347,21 @@ img.help_tip {
}
}
.description {
.description,
input[type="checkbox"] + .description,
input[type="radio"] + .description {
padding: 0;
margin: 0 0 0 7px;
clear: none;
display: inline;
}
input:not([type="checkbox"]):not([type="radio"]) + .description {
display: block;
clear: both;
margin-left: 0;
}
.description-block {
margin-left: 0;
display: block;
@@ -5497,13 +5504,15 @@ img.help_tip {
* WooCommerce meta boxes
*/
.wc-metaboxes-wrapper {
:not(#variable_product_options_inner) {
.toolbar:not(.expand-close-hidden) {
border-bottom: 1px solid #eee;
}
}
.toolbar {
margin: 0 !important;
border-top: 1px solid white;
padding: 9px 12px !important;
&:not(.expand-close-hidden) {
border-bottom: 1px solid #eee;
}
&:first-child {
border-top: 0;
@@ -7349,51 +7358,39 @@ table.bar_chart {
/**
* Select2 colors for built-in admin color themes.
*/
.admin-color {
$wp_admin_colors: (
blue: #096484,
coffee: #c7a589,
ectoplasm: #a3b745,
midnight: #e14d43,
ocean: #9ebaa0,
sunrise: #dd823b,
light: #04a4cc,
);
.wp-admin {
&.wc-wp-version-gte-53 {
.select2-dropdown {
border-color: var(--wp-admin-theme-color);
}
@each $name, $color in $wp_admin_colors {
&-#{$name}.wc-wp-version-gte-53 {
.select2-dropdown {
border-color: $color;
}
.select2-dropdown--below {
box-shadow: 0 0 0 1px var(--wp-admin-theme-color), 0 2px 1px rgba(0, 0, 0, 0.1);
}
.select2-dropdown--below {
box-shadow: 0 0 0 1px $color, 0 2px 1px rgba(0, 0, 0, 0.1);
}
.select2-dropdown--above {
box-shadow: 0 0 0 1px var(--wp-admin-theme-color), 0 -2px 1px rgba(0, 0, 0, 0.1);
}
.select2-dropdown--above {
box-shadow: 0 0 0 1px $color, 0 -2px 1px rgba(0, 0, 0, 0.1);
}
.select2-selection--single .select2-selection__rendered:hover {
color: var(--wp-admin-theme-color);
}
.select2-selection--single .select2-selection__rendered:hover {
color: $color;
}
.select2-container.select2-container--focus
.select2-selection--single,
.select2-container.select2-container--open
.select2-selection--single,
.select2-container.select2-container--open
.select2-selection--multiple {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
}
.select2-container.select2-container--focus
.select2-selection--single,
.select2-container.select2-container--open
.select2-selection--single,
.select2-container.select2-container--open
.select2-selection--multiple {
border-color: $color;
box-shadow: 0 0 0 1px $color;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected],
.select2-container--default
.select2-results__option--highlighted[data-selected] {
background-color: $color;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected],
.select2-container--default
.select2-results__option--highlighted[data-selected] {
background-color: var(--wp-admin-theme-color);
}
}
}
@@ -7467,21 +7464,21 @@ table.bar_chart {
}
li.active {
border-color: #a16696;
color: #a16696;
border-color: var(--wp-admin-theme-color);
color: var(--wp-admin-theme-color);
&::before {
border-color: #a16696;
border-color: var(--wp-admin-theme-color);
}
}
li.done {
border-color: #a16696;
color: #a16696;
border-color: var(--wp-admin-theme-color);
color: var(--wp-admin-theme-color);
&::before {
border-color: #a16696;
background: #a16696;
border-color: var(--wp-admin-theme-color);
background: var(--wp-admin-theme-color);
}
}
}
@@ -7490,29 +7487,7 @@ table.bar_chart {
font-size: 1.25em;
padding: 0.5em 1em !important;
line-height: 1.5em !important;
margin-right: 0.5em;
margin-bottom: 2px;
height: auto !important;
border-radius: 4px;
background-color: #bb77ae;
border-color: #a36597;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25),
0 1px 0 #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597,
-1px 0 1px #a36597;
margin: 0;
opacity: 1;
&:hover,
&:focus,
&:active {
background: #a36597;
border-color: #a36597;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25),
0 1px 0 #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
}
}
.error .button {
@@ -7669,24 +7644,21 @@ table.bar_chart {
progress::-webkit-progress-value {
border-radius: 3px;
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
background: #a46497;
background: linear-gradient(to bottom, #a46497, #66405f), #a46497;
background: var(--wp-admin-theme-color);
transition: width 1s ease;
}
progress::-moz-progress-bar {
border-radius: 3px;
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
background: #a46497;
background: linear-gradient(to bottom, #a46497, #66405f), #a46497;
background: var(--wp-admin-theme-color);
transition: width 1s ease;
}
progress::-ms-fill {
border-radius: 3px;
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
background: #a46497;
background: linear-gradient(to bottom, #a46497, #66405f), #a46497;
background: var(--wp-admin-theme-color);
transition: width 1s ease;
}
@@ -7779,7 +7751,7 @@ table.bar_chart {
&::before {
@include icon("\e015");
color: #a16696;
color: var(--wp-admin-theme-color);
position: static;
font-size: 100px;
display: block;
@@ -7890,8 +7862,8 @@ table.bar_chart {
margin: 12px 12px 0 0;
&.current {
background: #007cba;
border: 1px solid #007cba;
background: var(--wp-admin-theme-color);
border: 1px solid var(--wp-admin-theme-color);
a {
color: #fff;
@@ -1 +1 @@
body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:0 0 24px;padding:0;text-align:center}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#a16696}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#111}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions li{font-size:1em}.wc-auth-logged-in-as{background:#f5f5f5;border-bottom:2px solid #eee;line-height:70px;margin:0 0 24px;padding:0 0 0 1em}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:right;height:70px;margin:0 0 0 1em}.wc-auth-logged-in-as .wc-auth-logout{float:left}.wc-auth .wc-auth-actions{overflow:hidden;padding-right:24px}.wc-auth .wc-auth-actions .button{background:#f7f7f7;border-bottom-width:2px;border:1px solid #d7d7d7;box-sizing:border-box;color:#777;float:left;font-size:1.25em;height:auto;line-height:1em;padding:1em 2em;text-align:center;width:50%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#ad6ea1;border-color:#a16696;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(0,0,0,.15);color:#fff;float:left;opacity:1;text-shadow:0 -1px 1px #8a4f7f,-1px 0 1px #8a4f7f,0 1px 1px #8a4f7f,1px 0 1px #8a4f7f}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#b472a8;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:left}.wc-auth .wc-auth-actions .wc-auth-deny{float:right;margin-right:-24px}
:root{--woocommerce:#7F54B3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7F54B3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:33px 24px;padding:0;text-align:center;font-size:0}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#7f54b3}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#1c1229}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions li{font-size:1em}.wc-auth-logged-in-as{background:#f5f5f5;border-bottom:2px solid #eee;line-height:70px;margin:0 0 24px;padding:0 0 0 1em}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:right;height:70px;margin:0 0 0 1em}.wc-auth-logged-in-as .wc-auth-logout{float:left}.wc-auth .wc-auth-actions{overflow:hidden;padding-right:24px}.wc-auth .wc-auth-actions .button{background:#f7f7f7;border-bottom-width:2px;border:1px solid #d7d7d7;box-sizing:border-box;color:#777;float:left;font-size:1.25em;height:auto;line-height:1em;padding:1em 2em;text-align:center;width:50%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#7f54b3;border-color:#7f54b3;box-shadow:0 0 0;color:#fff;float:left;opacity:1;text-shadow:none}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#8c66bb;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:left}.wc-auth .wc-auth-actions .wc-auth-deny{float:right;margin-right:-24px}
@@ -1 +1 @@
body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:0 0 24px;padding:0;text-align:center}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#a16696}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#111}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions li{font-size:1em}.wc-auth-logged-in-as{background:#f5f5f5;border-bottom:2px solid #eee;line-height:70px;margin:0 0 24px;padding:0 1em 0 0}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:left;height:70px;margin:0 1em 0 0}.wc-auth-logged-in-as .wc-auth-logout{float:right}.wc-auth .wc-auth-actions{overflow:hidden;padding-left:24px}.wc-auth .wc-auth-actions .button{background:#f7f7f7;border-bottom-width:2px;border:1px solid #d7d7d7;box-sizing:border-box;color:#777;float:right;font-size:1.25em;height:auto;line-height:1em;padding:1em 2em;text-align:center;width:50%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#ad6ea1;border-color:#a16696;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(0,0,0,.15);color:#fff;float:right;opacity:1;text-shadow:0 -1px 1px #8a4f7f,1px 0 1px #8a4f7f,0 1px 1px #8a4f7f,-1px 0 1px #8a4f7f}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#b472a8;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:right}.wc-auth .wc-auth-actions .wc-auth-deny{float:left;margin-left:-24px}
:root{--woocommerce:#7F54B3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7F54B3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:33px 24px;padding:0;text-align:center;font-size:0}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#7f54b3}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#1c1229}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions li{font-size:1em}.wc-auth-logged-in-as{background:#f5f5f5;border-bottom:2px solid #eee;line-height:70px;margin:0 0 24px;padding:0 1em 0 0}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:left;height:70px;margin:0 1em 0 0}.wc-auth-logged-in-as .wc-auth-logout{float:right}.wc-auth .wc-auth-actions{overflow:hidden;padding-left:24px}.wc-auth .wc-auth-actions .button{background:#f7f7f7;border-bottom-width:2px;border:1px solid #d7d7d7;box-sizing:border-box;color:#777;float:right;font-size:1.25em;height:auto;line-height:1em;padding:1em 2em;text-align:center;width:50%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#7f54b3;border-color:#7f54b3;box-shadow:0 0 0;color:#fff;float:right;opacity:1;text-shadow:none}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#8c66bb;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:right}.wc-auth .wc-auth-actions .wc-auth-deny{float:left;margin-left:-24px}
@@ -1,3 +1,5 @@
@import "variables";
body {
background: #f1f1f1;
box-shadow: none;
@@ -7,9 +9,10 @@ body {
#wc-logo {
border: 0;
margin: 0 0 24px;
margin: 33px 24px;
padding: 0;
text-align: center;
font-size: 0;
img {
max-width: 50%;
@@ -43,9 +46,9 @@ body {
}
a {
color: #a16696;
color: $primary;
&:hover, &:focus {
color: #111;
color: darken($primary, 40%);
}
}
@@ -126,16 +129,16 @@ body {
}
}
.button-primary {
background: #ad6ea1;
border-color: #a16696;
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
background: $primary;
border-color: $primary;
box-shadow: 0 0 0;
color: #fff;
float: right;
opacity: 1;
text-shadow: 0 -1px 1px #8a4f7f, 1px 0 1px #8a4f7f, 0 1px 1px #8a4f7f, -1px 0 1px #8a4f7f;
text-shadow: none;
&:hover, &:focus {
background: #b472a8;
background: lighten($primary, 5%);
color: #fff;
}
}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -14,13 +14,7 @@ $gray-dark: darken($gray, 38%); //#2e4453
$gray-text: $gray-dark;
$gray-text-min: darken($gray, 18%); //#537994
$woo_pink1: #955a89;
$woo_pink2: #bb77ae;
$color_text_blue: #0073aa;
$color_button_primary: $woo_pink1;
$color_button_secondary: $woo_pink2;
$admin-theme-color: var(--wp-admin-theme-color);
/*------------------------------------------------------------------------------
Tab navigation
@@ -52,7 +46,7 @@ $color_button_secondary: $woo_pink2;
.button:hover,
.button:focus,
.button:active {
background-color: $color_button_primary;
background-color: $admin-theme-color;
border-width: 0;
box-shadow: none;
border-radius: 3px;
@@ -79,7 +73,6 @@ $color_button_secondary: $woo_pink2;
}
.wc-helper .subscription-filter {
color: #2e4453;
font-size: 13px;
line-height: 13px;
margin: 22px 0;
@@ -100,7 +93,6 @@ $color_button_secondary: $woo_pink2;
}
li {
color: #0073aa;
display: inline-block;
padding: 0 4px 0 8px;
position: relative;
@@ -124,7 +116,6 @@ $color_button_secondary: $woo_pink2;
}
a {
color: #0073aa;
text-decoration: none;
&.current {
@@ -315,7 +306,6 @@ $color_button_secondary: $woo_pink2;
}
a {
color: #a26897;
cursor: pointer;
font-weight: 600;
line-height: 38px;
@@ -335,7 +325,7 @@ $color_button_secondary: $woo_pink2;
}
&:hover {
background-color: #a26897;
background-color: $admin-theme-color;
color: #fff;
}
}
@@ -494,7 +484,7 @@ $color_button_secondary: $woo_pink2;
}
.wp-list-table__ext-title {
color: $color_text_blue;
color: $admin-theme-color;
font-size: 18px;
font-weight: 600;
width: 60%;
@@ -797,7 +787,7 @@ $color_button_secondary: $woo_pink2;
display: none;
&:hover {
color: $woo_pink1;
color: $admin-theme-color;
cursor: pointer;
}
}
@@ -856,7 +846,7 @@ $color_button_secondary: $woo_pink2;
.start-container {
background-color: #fff;
border-left: 4px solid #cc99c2;
border-left: 4px solid $admin-theme-color;
padding: 45px 20px 20px 30px;
position: relative;
overflow: hidden;
@@ -868,7 +858,7 @@ $color_button_secondary: $woo_pink2;
}
.start-container::before {
color: #eee2ec;
color: #e9e9e9;
content: "\e01C";
display: block;
font-family: WooCommerce;
@@ -944,7 +934,7 @@ $color_button_secondary: $woo_pink2;
.form-toggle__switch {
align-self: flex-start;
background: lighten($gray, 20%);
background: #999;
border-radius: 12px;
box-sizing: border-box;
display: inline-block;
@@ -977,7 +967,7 @@ $color_button_secondary: $woo_pink2;
}
.accessible-focus &:focus {
box-shadow: 0 0 0 2px $woo_pink1;
box-shadow: 0 0 0 2px $admin-theme-color;
}
@@ -988,7 +978,7 @@ $color_button_secondary: $woo_pink2;
z-index: 1;
.form-toggle__label-content {
color: #87a6bc;
color: $gray-dark;
flex: 0 1 100%;
font-size: 13px;
line-height: 16px;
@@ -1008,29 +998,29 @@ $color_button_secondary: $woo_pink2;
.accessible-focus &:focus {
+ .form-toggle__label .form-toggle__switch {
box-shadow: 0 0 0 2px $woo_pink1;
box-shadow: 0 0 0 2px $admin-theme-color;
}
&:checked + .form-toggle__label .form-toggle__switch {
box-shadow: 0 0 0 2px $woo_pink2;
box-shadow: 0 0 0 2px $admin-theme-color;
}
}
& + .form-toggle__label .form-toggle__switch {
background: lighten($gray, 10%);
background: #999;
}
&:not(:disabled) {
+ .form-toggle__label:hover .form-toggle__switch {
background: lighten($gray, 20%);
background: #999;
}
}
&.active {
+ .form-toggle__label .form-toggle__switch {
background: $woo_pink1;
background: $admin-theme-color;
&::after {
left: 8px;
@@ -1038,7 +1028,7 @@ $color_button_secondary: $woo_pink2;
}
+ .form-toggle__label:hover .form-toggle__switch {
background: $woo_pink2;
background: $admin-theme-color;
}
}
@@ -1054,13 +1044,13 @@ $color_button_secondary: $woo_pink2;
.form-toggle.is-toggling {
+ .form-toggle__label .form-toggle__switch {
background: $woo_pink1;
background: $admin-theme-color;
}
&:checked {
+ .form-toggle__label .form-toggle__switch {
background: lighten($gray, 20%);
background: #999;
}
}
}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -135,12 +135,11 @@ span.mce_woocommerce_shortcodes_button {
h1 {
margin: 2px 2px 0.5em;
padding: 0.75em 1em;
padding: 0.75em 1.154em;
line-height: 1.5em;
font-size: 2em;
font-size: 1.6em;
border-bottom: 1px solid #eee;
color: #fff;
background: #96578a;
background: #e9e9e9;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-shadow: none;
@@ -186,25 +185,6 @@ span.mce_woocommerce_shortcodes_button {
a.button-primary {
float: right;
background: #bb77ae;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
color: #fff;
text-shadow:
0 -1px 1px #a36597,
1px 0 1px #a36597,
0 1px 1px #a36597,
-1px 0 1px #a36597;
&:hover,
&:focus,
&:active {
background: #a36597;
border-color: #a36597;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.25),
0 1px 0 #a36597;
}
}
}
}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -2345,6 +2345,10 @@ a.reset_variations {
&:first-child {
border-top: 1px solid;
td.product-remove:first-child {
border-top: inherit;
}
}
&:last-child {
@@ -2384,6 +2388,8 @@ a.reset_variations {
.product-remove {
float: right;
position: relative;
z-index: 1;
}
.product-thumbnail {
@@ -3050,6 +3056,20 @@ a.reset_variations {
}
}
@media only screen and (max-width: 768px) {
.woocommerce-message,
.woocommerce-error li,
.woocommerce-info {
padding: 1rem 1.5rem;
a.button {
margin-left: 10px;
min-width: 100px;
padding: calc(0.70 * var(--button--padding-vertical)) calc(0.50 * var(--button--padding-horizontal));
}
}
}
.woocommerce-info {
border-top-color: var( --wc-blue );
}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -285,7 +285,8 @@
}
}
figure.woocommerce-product-gallery__wrapper {
figure.woocommerce-product-gallery__wrapper,
div.woocommerce-product-gallery__wrapper {
margin: 0;
}
@@ -299,7 +300,8 @@
margin: 0;
}
figure.woocommerce-product-gallery__wrapper {
figure.woocommerce-product-gallery__wrapper,
div.woocommerce-product-gallery__wrapper {
margin: 0;
}
@@ -330,6 +332,11 @@
.single_variation_wrap {
margin-top: var(--wp--style--block-gap);
// Prevent height flickering when selecting a variation.
.single_variation .woocommerce-variation-description > :first-child {
margin-top: 0;
}
}
ol.flex-control-thumbs {
@@ -361,8 +368,12 @@
.related.products {
margin-top: 7rem;
clear: both;
}
.upsells.products {
clear: both;
}
}
// Reviews tab.
@@ -584,12 +595,28 @@ ul.wc-tabs {
font-size: var(--wp--preset--font-size--small);
margin-left: 1em;
h2 {
// Hide repeated heading.
h2:first-of-type {
display: none;
}
// Attributes table styles.
table.woocommerce-product-attributes {
text-align: left;
tbody {
td, th {
padding: 0.2rem 0.2rem 0.2rem 0;
p {
margin: 0;
}
}
th {
text-align: left;
padding-right: 1rem;
}
}
}
}
@@ -1008,6 +1035,15 @@ ul.wc-tabs {
thead th {
text-transform: uppercase;
}
.wc-item-meta {
list-style-type: none;
padding-inline-start: 2rem;
li > p {
margin-block-start: 0.3rem;
}
}
}
}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -298,7 +298,8 @@ $tt2-gray: #f7f7f7;
}
}
figure.woocommerce-product-gallery__wrapper {
figure.woocommerce-product-gallery__wrapper,
div.woocommerce-product-gallery__wrapper {
margin: 0;
}
@@ -312,7 +313,8 @@ $tt2-gray: #f7f7f7;
margin: 0;
}
figure.woocommerce-product-gallery__wrapper {
figure.woocommerce-product-gallery__wrapper,
div.woocommerce-product-gallery__wrapper {
margin: 0;
}
@@ -374,6 +376,10 @@ $tt2-gray: #f7f7f7;
list-style: none;
padding-left: 0;
li.review {
margin-bottom: var(--wp--style--block-gap);
}
img.avatar {
float: left;
}
@@ -383,7 +389,7 @@ $tt2-gray: #f7f7f7;
}
.comment-text {
display: inline-block;
display: flow-root;
padding-left: var(--wp--style--block-gap);
.star-rating {
File diff suppressed because one or more lines are too long
@@ -591,7 +591,7 @@ a.reset_variations {
.flex-control-thumbs li {
width: 14.2857142857%;
margin: 0 14.2857142857% 1.6em 0;
margin: 0 1em 1.6em 0;
}
.flex-control-thumbs li:nth-child(4n) {
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,5 +1,7 @@
/* stylelint-disable no-descending-specificity */
@import "variables";
/* @deprecated 4.6.0 */
body {
margin: 65px auto 24px;
@@ -79,11 +81,11 @@ body {
}
a {
color: #a16696;
color: $primary;
&:hover,
&:focus {
color: #111;
color: darken($primary, 40%);
}
}
@@ -355,18 +357,18 @@ body {
a.button-primary {
color: #fff;
background-color: #bb77ae;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
background-color: $primary;
border-color: $primary;
box-shadow: 0 0 0;
text-shadow: none;
&:hover,
&:focus,
&:active {
color: #fff;
background: #a36597;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
background: lighten($primary, 5%);
border-color: lighten($primary, 5%);
box-shadow: none;
}
}
}
@@ -470,8 +472,8 @@ body {
}
input[type="checkbox"]:checked + label::before {
background: #935687;
border-color: #935687;
background: $primary;
border-color: $primary;
}
}
}
@@ -533,7 +535,7 @@ body {
line-height: 1.4;
a {
color: #a16696;
color: $primary;
text-decoration: none;
padding: 1.5em;
margin: -1.5em;
@@ -563,22 +565,22 @@ body {
}
li.active {
border-color: #a16696;
color: #a16696;
border-color: $primary;
color: $primary;
font-weight: 700;
&::before {
border-color: #a16696;
border-color: $primary;
}
}
li.done {
border-color: #a16696;
color: #a16696;
border-color: $primary;
color: $primary;
&::before {
border-color: #a16696;
background: #a16696;
border-color: $primary;
background: $primary;
}
}
}
@@ -591,19 +593,19 @@ body {
.wc-setup .wc-setup-actions .button-primary,
.woocommerce-tracker .button-primary {
background-color: #bb77ae;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
background-color: $primary;
border-color: $primary;
box-shadow: 0 0 0;
text-shadow: none;
margin: 0;
opacity: 1;
&:hover,
&:focus,
&:active {
background: #a36597;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
background: lighten($primary, 5%);
border-color: lighten($primary, 5%);
box-shadow: 0 0 0;
}
}
@@ -805,8 +807,8 @@ body {
.wc-wizard-service-toggle {
height: 16px;
width: 32px;
border: 2px solid #935687;
background-color: #935687;
border: 2px solid $primary;
background-color: $primary;
display: inline-block;
text-indent: -9999px;
border-radius: 10em;
@@ -1151,7 +1153,7 @@ h3.jetpack-reasons {
}
.plugin-install-source {
$background: rgba(#bb77ae, 0.15);
$background: rgba($primary, 0.15);
background: $background;
&:not(.wc-wizard-service-item) {
@@ -1489,7 +1491,7 @@ p.jetpack-terms {
margin-left: 4px;
&.recommended-item-icon-wc_admin {
background-color: #7f54b3;
background-color: $primary;
padding: 0.5em;
height: 2em;
}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -105,13 +105,13 @@
display: inline-block;
float: none; // Remove float set by WC core.
vertical-align: middle;
// Adjust positioning of quantity selector and button.
.qty {
margin-right: 0.5rem;
}
}
button[name="add-to-cart"],
button.single_add_to_cart_button {
display: inline-block;
@@ -153,13 +153,6 @@
text-decoration: none;
}
a.added_to_cart {
// Prevent "View Cart" button from sticking to "Add to Cart" button.
// For details see https://github.com/woocommerce/woocommerce-blocks/issues/5285.
display: block;
margin-top: 1rem;
}
span.onsale {
// Style "On Sale" badge in theme colors by default.
background-color: var(--wp--preset--color--foreground, $highlight);
@@ -195,6 +188,16 @@
}
}
/**
* Products grid
*/
a.added_to_cart {
// Prevent "View Cart" button from sticking to "Add to Cart" button.
// For details see https://github.com/woocommerce/woocommerce-blocks/issues/5285.
display: block;
margin-top: 1rem;
}
/**
* Form elements
*/
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long