Moved some variables to root

This commit is contained in:
Alexis
2025-06-20 20:06:07 +02:00
parent 1cb77dd6f0
commit c88133a9a3
13 changed files with 51 additions and 45 deletions

View File

@@ -275,10 +275,10 @@ menu {
padding-block: .25rem;
top: calc(var(--mouse-y) - .5rem);
left: calc(var(--mouse-x) + .75rem);
background-color: var(--white);
border: 1px solid var(--slate-400);
background-color: var(--background);
border: 1px solid var(--border);
border-radius: .3rem;
box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
box-shadow: var(--shadow);
z-index: 1000;
transition-property: top, left;
transition-duration: .16s;
@@ -313,10 +313,10 @@ dialog {
max-width: calc(100% - 6rem);
padding: 1.5rem 2rem;
z-index: 9999;
background-color: var(--white);
border: 1px solid var(--slate-400);
background-color: var(--background);
border: 1px solid var(--border);
border-radius: .75rem;
box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
box-shadow: var(--shadow);
overflow: visible;
transform: translateY(1rem);
transition: visibility 0s ease-out .3s, opacity .3s ease-out, transform .3s ease-out;

View File

@@ -251,7 +251,7 @@ const menus: Menu[] = [
img {
display: block;
border-radius: .3rem;
border: .1rem solid var(--white);
border: .1rem solid var(--background);
outline: .15rem solid transparent;
}
@@ -264,7 +264,7 @@ const menus: Menu[] = [
pointer-events: none;
.fill { fill: var(--orange-500); }
.stroke { fill: var(--white); }
.stroke { fill: var(--background); }
}
}

View File

@@ -308,10 +308,10 @@ function resetAllFields(actionAfter?: "focusAfter") {
margin-left: calc(45px + .5rem);
padding: .5rem 1.2rem;
width: calc(100% - 3rem);
background: var(--white);
border: 1px solid var(--slate-400);
background: var(--background);
border: 1px solid var(--border);
border-radius: 25px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
box-shadow: var(--shadow);
pointer-events: all;
@media screen and (width >= 900px) {

View File

@@ -125,10 +125,10 @@ function emitCategorySwitch(newCategory: MapMarkerGroup) {
padding-inline: .8rem;
font-weight: 600;
font-size: .85em;
background: var(--white);
border: 1px solid var(--slate-400);
background: var(--background);
border: 1px solid var(--border);
border-radius: 100vmax;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
box-shadow: var(--shadow);
white-space: nowrap;
pointer-events: all;
cursor: pointer;
@@ -154,12 +154,12 @@ function emitCategorySwitch(newCategory: MapMarkerGroup) {
@each $c in $colors {
&.#{$c} {
&.active {
color: var(--white);
color: var(--background);
background-color: var(--#{$c}-500);
border-color: var(--#{$c}-700);
.icon {
fill: var(--white);
fill: var(--background);
}
}