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

Harmonize drill/stacked icons

Browse Source
This commit is contained in:
Franzz
2026-04-24 17:31:54 +02:00
parent eb0ded0d26
commit 64cacaf16e
6 changed files with 46 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/styles/_page.project.scss
View File

@@ -15,7 +15,7 @@
width: 100%;
height: 100%;
/* Drill & Map icons */
/* Drill icon */
a.drill {
position: relative;
@@ -29,38 +29,48 @@
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
i {
transition: color 0.3s;
transition: color 0.3s, text-shadow 0.3s;
}
}
}
.#{variables.$fa-css-prefix}-stack {
.#{variables.$fa-css-prefix}-message {
/* Icon Stack */
.icon-stack {
.#{variables.$fa-css-prefix}-stack-2x {
font-size: 32px;
text-shadow: color.$over-img-shadow 3px 3px 3px;
color: color.$message-flashy;
}
.#{variables.$fa-css-prefix}-media {
@extend .#{variables.$fa-css-prefix}-message;
color: color.$media-flashy;
.#{variables.$fa-css-prefix}-stack-1x {
font-size: 13px;
}
.#{variables.$fa-css-prefix}-message-in {
font-size: 13px;
color: color.$message;
top: 1px;
&.message {
.#{variables.$fa-css-prefix}-stack-2x {
color: color.$message-flashy;
}
}
.#{variables.$fa-css-prefix}-media-in {
color: color.$media;
&.media {
.#{variables.$fa-css-prefix}-stack-2x {
color: color.$media-flashy;
}
}
.#{variables.$fa-css-prefix}-track-start, .#{variables.$fa-css-prefix}-track-end {
color: color.$track-start;
font-size: 14px;
top: 1px;
}
.#{variables.$fa-css-prefix}-track-end {
color: color.$track-end;
&.track {
.#{variables.$fa-css-prefix}-stack-1x {
font-size: 14px;
top: 1px;
}
.#{variables.$fa-css-prefix}-track-start {
color: color.$track-start;
}
.#{variables.$fa-css-prefix}-track-end {
color: color.$track-end;
}
}
}
}