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

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

@ -27,9 +27,15 @@
padding: 0; padding: 0;
} }
a.components-button.is-button { a.components-button {
+ .components-button {
margin-left: 10px;
}
&.is-button {
color: $core-grey-dark-500; color: $core-grey-dark-500;
} }
}
@include breakpoint( '<782px' ) { @include breakpoint( '<782px' ) {
margin-bottom: $gap-large; margin-bottom: $gap-large;
@ -43,7 +49,7 @@
} }
} }
.is-alert-emergency { .is-alert-error {
$alert-color: #dc3232; $alert-color: #dc3232;
@include store-alerts-box-shadow( $alert-color ); @include store-alerts-box-shadow( $alert-color );
@ -54,7 +60,7 @@
} }
} }
.is-alert-alert { .is-alert-update {
$alert-color: #11a0d2; $alert-color: #11a0d2;
@include store-alerts-box-shadow( $alert-color ); @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 { .woocommerce-store-alerts__message {
margin-bottom: 16px; margin-bottom: 16px;
} }