Pull some CSS out into the common scope
This commit is contained in:
parent
606d6e14ea
commit
cf4be4163e
4 changed files with 36 additions and 27 deletions
28
public/styles/elements/div.css
Normal file
28
public/styles/elements/div.css
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
.stat-tracker div {
|
||||
&.alert-box {
|
||||
border-width: 2px;
|
||||
border-style: dashed;
|
||||
border-radius: 8px;
|
||||
box-sizing: border-box;
|
||||
padding: 1rem;
|
||||
|
||||
&.warning {
|
||||
background: color(from var(--color-level-warning-bg) srgb r g b / 0.1);
|
||||
border-color: var(--color-level-warning);
|
||||
}
|
||||
|
||||
&.locked {
|
||||
margin: -0.5rem;
|
||||
padding: 0.5rem;
|
||||
border-color: var(--color-level-error);
|
||||
background: color(from var(--color-level-error-bg) srgb r g b / 0.25);
|
||||
}
|
||||
}
|
||||
|
||||
&.center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue