hugo-theme-stack/assets/scss/partials/base.scss
k bd0e6a08c7 feat: change the page vertical scrollbar styles
This change will make the vertical scrollbar styles to follow the dark
and light color scheme modes. Also, this change will make the vertical
scrollbar to look consistent in both, Chromium and Firefox.
2021-06-14 17:18:56 -05:00

37 lines
730 B
SCSS

html {
font-size: 62.5%;
overflow-y: scroll;
/* scrollbar styles for Firefox */
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
/**/
/* scrollbar styles for Chromium */
&::-webkit-scrollbar {
height: auto;
}
&::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
}
&::-webkit-scrollbar-track {
background-color: var(--scrollbar-track);
}
/**/
}
* {
box-sizing: border-box;
}
body {
background: var(--body-background);
margin: 0;
font-family: var(--base-font-family);
font-size: 1.6rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}