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

46 lines
832 B
SCSS

.wc-block-components-notices {
display: block;
margin-bottom: 2em;
.wc-block-components-notices__notice {
margin: 0;
display: flex;
flex-wrap: nowrap;
.components-notice__dismiss {
background: transparent none;
padding: 0;
margin: 0 0 0 auto;
border: 0;
outline: 0;
color: currentColor;
svg {
fill: currentColor;
vertical-align: text-top;
}
}
}
.wc-block-components-notices__notice + .wc-block-components-notices__notice {
margin-top: 1em;
}
}
.wc-block-components-notices__snackbar {
position: fixed;
bottom: 20px;
left: 16px;
width: auto;
@include breakpoint( "<782px" ) {
position: fixed;
top: 10px;
left: 0;
bottom: auto;
}
.components-snackbar-list__notice-container {
@include breakpoint( "<782px" ) {
margin-left: 10px;
margin-right: 10px;
}
}
}