Pull some CSS out into the common scope

This commit is contained in:
Oliver-Akins 2025-05-18 12:16:12 -06:00
parent 606d6e14ea
commit cf4be4163e
4 changed files with 36 additions and 27 deletions

View file

@ -15,33 +15,6 @@
flex-grow: 1;
}
.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;
}
.input-group {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);

View 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;
}
}

View file

@ -1,8 +1,11 @@
@layer resets, elements, components, partials, apps, exceptions;
@import url("./resets/classes.css") layer(resets);
@import url("./elements/custom-multi-select.css") layer(elements);
@import url("./elements/string-tags.css") layer(elements);
@import url("./elements/span.css") layer(elements);
@import url("./elements/div.css") layer(elements);
@import url("./Apps/common.css") layer(partials);

View file

@ -0,0 +1,5 @@
.stat-tracker {
.scrollable {
all: unset;
}
}