Replace font awesome font with svg
This commit is contained in:
@@ -1,4 +1,3 @@
|
||||
@use "fa/variables";
|
||||
@use "var";
|
||||
@use "color";
|
||||
|
||||
@@ -28,9 +27,15 @@
|
||||
display: inline-block;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 2.5em;
|
||||
filter: drop-shadow(3px 3px 3px color.$over-img-shadow);
|
||||
|
||||
&.message {
|
||||
transform: translate(-50%, -100%);
|
||||
}
|
||||
|
||||
i {
|
||||
.spot-icon {
|
||||
transition: color 0.3s, text-shadow 0.3s;
|
||||
}
|
||||
}
|
||||
@@ -38,45 +43,37 @@
|
||||
|
||||
/* Icon Stack */
|
||||
|
||||
.icon-stack {
|
||||
.#{variables.$fa-css-prefix}-stack-2x {
|
||||
font-size: 32px;
|
||||
text-shadow: color.$over-img-shadow 3px 3px 3px;
|
||||
}
|
||||
|
||||
.#{variables.$fa-css-prefix}-stack-1x {
|
||||
font-size: 13px;
|
||||
.spot-icon-stack {
|
||||
&:not(.drill-icon) {
|
||||
font-size: 2.5em;
|
||||
filter: drop-shadow(3px 3px 3px color.$over-img-shadow);
|
||||
}
|
||||
|
||||
&.message {
|
||||
.#{variables.$fa-css-prefix}-stack-2x {
|
||||
.main {
|
||||
color: color.$message-flashy;
|
||||
}
|
||||
.#{variables.$fa-css-prefix}-stack-1x {
|
||||
.sub {
|
||||
color: color.$message;
|
||||
}
|
||||
}
|
||||
|
||||
&.media {
|
||||
.#{variables.$fa-css-prefix}-stack-2x {
|
||||
.main {
|
||||
color: color.$media-flashy;
|
||||
}
|
||||
.#{variables.$fa-css-prefix}-stack-1x {
|
||||
.sub {
|
||||
color: color.$media;
|
||||
}
|
||||
}
|
||||
|
||||
&.track {
|
||||
.#{variables.$fa-css-prefix}-stack-1x {
|
||||
font-size: 14px;
|
||||
top: 1px;
|
||||
}
|
||||
.#{variables.$fa-css-prefix}-track-start {
|
||||
.track-start {
|
||||
color: color.$track-start;
|
||||
}
|
||||
.#{variables.$fa-css-prefix}-track-end {
|
||||
.track-end {
|
||||
color: color.$track-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user