Ability to edit Scroll-to-Top icon colors, for #75
Signed-off-by: GitHub Action <action@github.com>
This commit is contained in:
@ -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;
|
@ -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);
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user