woocommerce/plugins/woocommerce-blocks/assets/js/base/components/store-notices-container/style.scss

48 lines
845 B
SCSS
Raw Normal View History

.wc-block-components-notices {
display: block;
margin-bottom: 2em;
.wc-block-components-notices__notice {
margin: 0;
.components-notice__content {
display: inline-block;
}
.components-notice__dismiss {
background: transparent none;
padding: 0;
margin: 0;
border: 0;
outline: 0;
color: #fff;
float: right;
svg {
fill: #fff;
vertical-align: text-top;
}
}
}
.wc-block-components-notices__notice + .wc-block-components-notices__notice {
margin-top: 1em;
}
}
.components-snackbar-list {
position: fixed;
bottom: 100px;
left: 100px;
@include breakpoint( "<600px" ) {
position: fixed;
top: 10px;
left: 0;
bottom: auto;
width: fit-content;
}
.components-snackbar-list__notice-container {
@include breakpoint( "<600px" ) {
margin-left: 10px;
margin-right: 10px;
}
}
}