franzz/spot
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Fix color dependencies

Browse Source
This commit is contained in:
Franzz
2026-04-13 23:02:35 +02:00
parent cb505d9092
commit 52316d9abb
12 changed files with 132 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/styles/_page.project.panel.scss
View File

@@ -33,7 +33,7 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
transform: translateX(0);
.map-panel {
box-shadow: 2px 2px var.$block-shadow 0px rgba(0, 0, 0, .5);
box-shadow: 2px 2px var.$block-shadow 0px color.$over-img-shadow;
}
}
}
@@ -77,17 +77,17 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
}
button, a.button {
background-color: color.$post;
color: color.$post-bg;
background-color: color.$default-inv-bg;
color: color.$default-inv;
&:hover, &:hover a, &:hover a:visited {
background-color: color.$post-input-bg;
color: color.$post;
background-color: color.$default-bg-light;
color: color.$default;
}
a, a:visited {
background-color: color.$post;
color: color.$post-bg;
background-color: color.$default;
color: color.$default-bg;
text-decoration: none;
}
@@ -104,8 +104,8 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
width: calc(100% - var.$block-spacing);
margin: var.$block-spacing;
border-radius: var.$block-radius;
color: color.$post;
background: rgba(255, 255, 255, 0.8);
color: color.$default;
background: color.$default-bg-trans;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
@@ -123,10 +123,10 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
.map-control {
position: absolute;
background-color: color.$post-bg;
background-color: color.$default-bg;
padding: var.$elem-spacing;
border-radius: 3px;
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px var.$block-shadow 0px color.$over-img-shadow;
font-size: 12px;
line-height: 1.5;
@@ -143,11 +143,11 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
.fa {
@extend .fa-fw;
color: color.$post;
color: color.$default;
}
&:hover .fa {
color: #000000;
color: color.$default-hover;
}
}
}
@@ -191,7 +191,7 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
}
#background {
background: #666;
background: color.$loader-bg;
position: absolute;
left: 0;
top: 0;
@@ -212,7 +212,7 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
font-size: 3em;
top: calc(50% - 0.5em);
left: calc(50% - 1.25em/2);
color: #CCC;
color: color.$loader;
}
}
}