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

Update CSS with new alert types

This commit is contained in:
Tiago Noronha 2019-03-01 17:37:51 +00:00
parent 7248d14595
commit 416d41279f
1 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
plugins/woocommerce-admin/client/layout/store-alerts/style.scss
View File

@ -27,8 +27,14 @@
padding: 0;
}
a.components-button.is-button {
color: $core-grey-dark-500;
a.components-button {
+ .components-button {
margin-left: 10px;
}
&.is-button {
color: $core-grey-dark-500;
}
}
@include breakpoint( '<782px' ) {
@ -43,7 +49,7 @@
}
}
.is-alert-emergency {
.is-alert-error {
$alert-color: #dc3232;
@include store-alerts-box-shadow( $alert-color );
@ -54,7 +60,7 @@
}
}
.is-alert-alert {
.is-alert-update {
$alert-color: #11a0d2;
@include store-alerts-box-shadow( $alert-color );
@ -65,17 +71,6 @@
}
}
.is-alert-critical {
$alert-color: #ffb900;
@include store-alerts-box-shadow( $alert-color );
.woocommerce-card__title {
svg {
color: $alert-color;
}
}
}
.woocommerce-store-alerts__message {
margin-bottom: 16px;
}