Fix area_msg when content isn't wrapped in anything
This commit is contained in:
parent
bc7e8030df
commit
3118b6aa40
1 changed files with 4 additions and 9 deletions
|
@ -19,13 +19,7 @@ div.success,
|
||||||
div.error,
|
div.error,
|
||||||
div.info,
|
div.info,
|
||||||
div.notify {
|
div.notify {
|
||||||
@media @screen_max-md {
|
display: block;
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: start;
|
|
||||||
gap: 0.5rem;
|
|
||||||
border: none;
|
border: none;
|
||||||
border-left: solid 0.5rem var(--color-shade-4);
|
border-left: solid 0.5rem var(--color-shade-4);
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
@ -34,15 +28,16 @@ div.notify {
|
||||||
background-color: var(--color-shade-1);
|
background-color: var(--color-shade-1);
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
display: inline-block;
|
||||||
content: "";
|
content: "";
|
||||||
flex-shrink: 0;
|
margin: 0.3em 0.2em 0 0;
|
||||||
margin-top: 0.3em;
|
|
||||||
width: 1em;
|
width: 1em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
mask-size: contain;
|
mask-size: contain;
|
||||||
mask-position: center top;
|
mask-position: center top;
|
||||||
mask-repeat: no-repeat;
|
mask-repeat: no-repeat;
|
||||||
background-color: currentColor;
|
background-color: currentColor;
|
||||||
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.success {
|
&.success {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue