diff --git a/public/styles/Apps/TableManager.css b/public/styles/Apps/TableManager.css index e5eab2e..819574f 100644 --- a/public/styles/Apps/TableManager.css +++ b/public/styles/Apps/TableManager.css @@ -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); diff --git a/public/styles/elements/div.css b/public/styles/elements/div.css new file mode 100644 index 0000000..6f259eb --- /dev/null +++ b/public/styles/elements/div.css @@ -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; + } +} diff --git a/public/styles/main.css b/public/styles/main.css index b235127..a26c876 100644 --- a/public/styles/main.css +++ b/public/styles/main.css @@ -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); diff --git a/public/styles/resets/classes.css b/public/styles/resets/classes.css new file mode 100644 index 0000000..8920617 --- /dev/null +++ b/public/styles/resets/classes.css @@ -0,0 +1,5 @@ +.stat-tracker { + .scrollable { + all: unset; + } +}