me/bbc-young-reporter
1
0
Fork 0
mirror of https://github.com/mgrove36/bbc-young-reporter.git synced 2026-03-03 03:17:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Style scrollbar and top scroll button

Browse Source
This commit is contained in:
Matthew Grove
2020-03-10 09:18:36 +00:00
parent 00c89d770b
commit f9c7175cfa
17 changed files with 183 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
css/article-page.css
View File

@@ -67,4 +67,45 @@ iframe {
iframe {
height: calc(93.5vw / 16 * 9);
}
}
/* scroll-to-top button */
.top-scroll-button {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: fixed;
right: 20px;
bottom: 20px;
background-color: #273967;
display: none;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.top-scroll-button-image-container {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.top-scroll-button img {
width: 35px;
height: auto;
position: relative;
bottom: 2px;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.top-scroll-button:hover, .top-scroll-button:focus {
background-color: #1C2E56;
}
.top-scroll-button:hover img {
bottom: 5px;
}