Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 03:53:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: apply custom scrollbar style to all elements

Browse Source
This commit is contained in:
Jimmy 2021-06-20 15:42:30 +02:00
parent a9ab6b58e8
commit 37547c229e
2 changed files with 21 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
assets/scss/partials/base.scss
View File

@ -1,25 +1,6 @@
html { html {
font-size: 62.5%; font-size: 62.5%;
overflow-y: scroll; overflow-y: scroll;
/* scrollbar styles for Firefox */
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb) transparent;
/**/
/* scrollbar styles for Chromium */
&::-webkit-scrollbar {
height: auto;
}
&::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
}
&::-webkit-scrollbar-track {
background-color: transparent;
}
/**/
} }
* { * {
@ -34,3 +15,24 @@ body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
/* scrollbar styles for Firefox */
* {
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb) transparent;
}
/**/
/* scrollbar styles for Chromium */
::-webkit-scrollbar {
height: auto;
}
::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
}
::-webkit-scrollbar-track {
background-color: transparent;
}
/**/

18
assets/scss/partials/layout/list.scss
View File

@ -52,24 +52,6 @@
margin-bottom: var(--section-separation); margin-bottom: var(--section-separation);
overflow-x: auto; overflow-x: auto;
/* scrollbar styles for Firefox */
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb) transparent;
/* scrollbar styles for Chromium */
&::-webkit-scrollbar {
height: auto;
}
&::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
}
&::-webkit-scrollbar-track {
background-color: transparent;
}
/**/
.article-list--tile { .article-list--tile {
display: flex; display: flex;
padding-bottom: 15px; padding-bottom: 15px;