Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

First pass: Twenty Twenty One notice styles. Closes #29560. (#33379)

This commit is contained in:
Kathy 2022-06-10 03:37:06 -06:00 committed by GitHub
parent 4c164c3247
commit 19bea3832e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/woocommerce/changelog/fix-29560-twentytwentyone-notices Normal file
View File

@ -0,0 +1,4 @@
Significance: minor
Type: enhancement
Improve Twenty Twenty One notice styles

75
plugins/woocommerce/legacy/css/twenty-twenty-one.scss
View File

@ -213,30 +213,16 @@ a.button {
.woocommerce-message, .woocommerce-message,
.woocommerce-error, .woocommerce-error,
.woocommerce-info { .woocommerce-info {
color: #000;
border-top: 3px solid $highlights-color;
margin-bottom: 2rem; margin-bottom: 2rem;
padding: 0;
margin-left: 0; margin-left: 0;
background: var(--global--color-background); background: #eee;
font-size: 0.88889em; font-size: 0.88889em;
font-family: $headings; font-family: $headings;
list-style: none; list-style: none;
overflow: hidden; overflow: hidden;
}
.woocommerce-message,
.woocommerce-error li,
.woocommerce-info {
padding: 1.5rem 3rem;
justify-content: space-between;
align-items: center;
.button {
order: 2;
}
}
.woocommerce-error {
color: #fff;
background: #b22222;
a { a {
color: #fff; color: #fff;
@ -247,39 +233,34 @@ a.button {
&.button { &.button {
background: #111; background: #111;
color: #fff;
} }
} }
> li {
margin: 0;
}
}
#main {
.woocommerce-error,
.woocommerce-info {
font-family: $headings;
}
} }
.woocommerce-message, .woocommerce-message,
.woocommerce-error li,
.woocommerce-info { .woocommerce-info {
background: #eee; padding: 1.5rem 3rem;
color: #000; display: flex;
border-top: 2px solid $highlights-color; justify-content: space-between;
align-items: center;
a { .button {
color: #444; order: 2;
}
}
&:hover { .woocommerce-info {
color: #000; border-top-color: var( --wc-blue );
} }
&.button { .woocommerce-error {
background: $highlights-color; border-top-color: #b22222;
color: #f5efe0;
} > li {
margin: 0;
} }
} }
@ -619,10 +600,6 @@ dl.variation,
} }
} }
.woocommerce-message {
flex-direction: row-reverse;
}
.woocommerce-Tabs-panel--additional_information, .woocommerce-Tabs-panel--additional_information,
.woocommerce-Tabs-panel--reviews { .woocommerce-Tabs-panel--reviews {
@ -2938,14 +2915,6 @@ a.reset_variations {
.woocommerce { .woocommerce {
.woocommerce-notices-wrapper {
& > * {
padding: 15px;
list-style: none;
}
}
.return-to-shop, .return-to-shop,
.wc-proceed-to-checkout { .wc-proceed-to-checkout {