Ability to edit Scroll-to-Top icon colors, for #75

Signed-off-by: GitHub Action <action@github.com>
This commit is contained in:
GitHub Action
2024-08-24 07:55:20 +00:00
parent fc359e48aa
commit c568b8ff0e
3 changed files with 28 additions and 6 deletions

View File

@ -5,4 +5,10 @@ $light-grey: #494f5c;
$dark-grey: #3B3E48;
$highlight-grey: #7d828a;
$midnightblue: #2c3e50;
$typewriter: hsl(172, 100%, 36%);
$typewriter: hsl(172, 100%, 36%);
// Scroll to Top Default colors
$stt-stroke:#CCC;
$stt-circle:#3b3e48;
$stt-arrow:#018574;

View File

@ -1,4 +1,18 @@
.scroll-up{
.scroll-up {
.scroll {
#st-ring {
stroke: $stt-stroke;
}
#st-circle {
fill: $stt-circle;
}
#st-arrow {
fill: $stt-arrow;
}
}
position: fixed;
bottom: 10%;
right: 2%;
@ -6,11 +20,13 @@
opacity: 0;
transition: all 0.5s ease;
}
.hide{
.hide {
opacity: 0;
transform: translateY(20px);
}
.show{
.show {
opacity: 1;
transform: translateY(0);
}
}