andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Scroll to top button

Browse Source
This commit is contained in:
Angelos Chalaris
2018-09-06 20:56:12 +03:00
parent 550e118552
commit daa6f820a1
1 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
docs/scss/style.scss
View File

@ -450,7 +450,7 @@ nav.col-nav {
}
@media screen and (min-width: #{$grid-large-breakpoint}) {
+ main.col-centered, + main.col-centered + footer.col-full-width {
grid-column: 4/12;
grid-column: 4/13;
padding-left: 8vw;
}
}
@ -789,4 +789,31 @@ nav {
margin-top: 0;
}
}
}
.scroll-to-top {
box-sizing: border-box;
z-index: 1100;
height: 3.5rem;
width: 3.5rem;
border: 0;
background: #B3E5FC;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23607D8B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-up'%3E%3Cline x1='12' y1='19' x2='12' y2='5'%3E%3C/line%3E%3Cpolyline points='5 12 12 5 19 12'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
border-radius: 100%;
font-size: 1.5rem;
line-height: 1;
box-sizing: border-box;
width: 2.75rem;
height: 2.75rem;
position: fixed;
bottom: 1rem;
right: 1.3125rem;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
transition: all 0.3s ease;
&:hover {
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
}
}