cncf
/
cncf.io
mirror of https://github.com/cncf/cncf.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updating back to top position, changing fade in/out method, closes #300

This commit is contained in:
James Hunt 2020-09-21 11:17:36 +02:00
parent 93de9e4dc3
commit ad2d633d23
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/wp-content/themes/lf-theme/source/scss/components/_back-to-top.scss
View File

@ -3,13 +3,20 @@
.back-to-top {
position: fixed;
width: 50px;
bottom: 20px;
right: 20px;
top: -9999em;
z-index: 10;
background-color: rgba($secondary-color, 0.5);
padding: 8px 10px 8px 10px;
opacity: 0;
transition: opacity 1s linear, top 0s 1.5s;
visibility: hidden;
transition: visibility 0s 2s, opacity 1s linear;
&.is-active {
opacity: 1;
visibility: visible;
transition: opacity 1s linear;
}
svg {
width: 30px;
@ -20,11 +27,4 @@
cursor: pointer;
}
}
&.is-active {
bottom: 70px;
top: auto;
opacity: 1;
transition: opacity 0.5s linear;
}
}