2020-03-03 10:26:02 +00:00
|
|
|
.wc-block-components-notices {
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 2em;
|
|
|
|
.wc-block-components-notices__notice {
|
|
|
|
margin: 0;
|
2020-07-30 10:57:22 +00:00
|
|
|
display: flex;
|
|
|
|
flex-wrap: nowrap;
|
2020-03-03 10:26:02 +00:00
|
|
|
.components-notice__dismiss {
|
|
|
|
background: transparent none;
|
|
|
|
padding: 0;
|
2020-11-25 11:50:59 +00:00
|
|
|
margin: 0 0 0 auto;
|
2020-03-03 10:26:02 +00:00
|
|
|
border: 0;
|
|
|
|
outline: 0;
|
2020-12-02 12:09:57 +00:00
|
|
|
color: currentColor;
|
2020-03-03 10:26:02 +00:00
|
|
|
svg {
|
2020-12-02 12:09:57 +00:00
|
|
|
fill: currentColor;
|
2020-03-03 10:26:02 +00:00
|
|
|
vertical-align: text-top;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.wc-block-components-notices__notice + .wc-block-components-notices__notice {
|
|
|
|
margin-top: 1em;
|
|
|
|
}
|
|
|
|
}
|
2020-03-16 20:57:12 +00:00
|
|
|
|
2020-06-17 09:53:42 +00:00
|
|
|
.wc-block-components-notices__snackbar {
|
2020-03-16 20:57:12 +00:00
|
|
|
position: fixed;
|
2020-04-20 13:23:44 +00:00
|
|
|
bottom: 20px;
|
|
|
|
left: 16px;
|
|
|
|
width: auto;
|
2020-03-16 20:57:12 +00:00
|
|
|
|
2020-04-20 13:23:44 +00:00
|
|
|
@include breakpoint( "<782px" ) {
|
2020-03-16 20:57:12 +00:00
|
|
|
position: fixed;
|
|
|
|
top: 10px;
|
|
|
|
left: 0;
|
|
|
|
bottom: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.components-snackbar-list__notice-container {
|
2020-04-20 13:23:44 +00:00
|
|
|
@include breakpoint( "<782px" ) {
|
2020-03-16 20:57:12 +00:00
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|