Adjust warning/alert/... styling
This commit is contained in:
parent
fccd7625a2
commit
524eb67b9f
3 changed files with 84 additions and 20 deletions
|
@ -14,6 +14,30 @@
|
|||
padding-left: .3rem;
|
||||
padding-right: .3rem;
|
||||
}
|
||||
|
||||
p.permerror {
|
||||
@media @screen_max-md {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
align-items: start;
|
||||
gap: 0.5rem;
|
||||
background: none;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
flex-shrink: 0;
|
||||
margin-top: 0.3em;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
mask-size: contain;
|
||||
mask-position: center top;
|
||||
mask-repeat: no-repeat;
|
||||
mask-image: url(img/warning.svg);
|
||||
background-color: var(--color-warning);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.tabs {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue