44 lines
929 B
SCSS
44 lines
929 B
SCSS
.wc-block-components-notices {
|
|
display: block;
|
|
margin-bottom: 2em;
|
|
.wc-block-components-notices__notice {
|
|
margin: 0;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
a {
|
|
text-decoration: underline;
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
.components-notice__content > div:not(.components-notice__actions) {
|
|
*:first-child {
|
|
margin-top: 0;
|
|
}
|
|
*:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
.wc-block-components-notices__notice + .wc-block-components-notices__notice {
|
|
margin-top: 1em;
|
|
}
|
|
}
|
|
|
|
// @todo Either move notice style fixes to Woo core, or take full control over notice component styling in blocks.
|
|
.theme-twentytwentyone,
|
|
.theme-twentytwenty {
|
|
.wc-block-components-notices__notice {
|
|
padding: 1.5rem 3rem;
|
|
}
|
|
}
|