Moved some variables to root
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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); }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user