48 lines
837 B
SCSS
48 lines
837 B
SCSS
.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;
|
|
}
|
|
}
|
|
|
|
.wc-block-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;
|
|
}
|
|
}
|
|
}
|