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
|
|
@ -15,33 +15,6 @@
|
||||||
flex-grow: 1;
|
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 {
|
.input-group {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
|
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
|
||||||
|
|
|
||||||
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,8 +1,11 @@
|
||||||
@layer resets, elements, components, partials, apps, exceptions;
|
@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/custom-multi-select.css") layer(elements);
|
||||||
@import url("./elements/string-tags.css") layer(elements);
|
@import url("./elements/string-tags.css") layer(elements);
|
||||||
@import url("./elements/span.css") layer(elements);
|
@import url("./elements/span.css") layer(elements);
|
||||||
|
@import url("./elements/div.css") layer(elements);
|
||||||
|
|
||||||
@import url("./Apps/common.css") layer(partials);
|
@import url("./Apps/common.css") layer(partials);
|
||||||
|
|
||||||
|
|
|
||||||
5
public/styles/resets/classes.css
Normal file
5
public/styles/resets/classes.css
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
.stat-tracker {
|
||||||
|
.scrollable {
|
||||||
|
all: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue