KureShisen/Hugo-theme-stack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
3d09c23284
Hugo-theme-stack/assets/scss/partials/base.scss

38 lines
658 B
SCSS
Raw Normal View History

:tada: Initial commit
2020-08-22 07:20:08 -04:00
html {
font-size: 62.5%;
fix(style): show y-axis page scrollbar always
2020-09-03 17:27:50 -04:00
overflow-y: scroll;
:tada: Initial commit
2020-08-22 07:20:08 -04:00
}
* {
box-sizing: border-box;
}
body {
background: var(--body-background);
margin: 0;
refactor(scss): add css variables for font families
2020-08-24 05:52:12 -04:00
font-family: var(--base-font-family);
:tada: Initial commit
2020-08-22 07:20:08 -04:00
font-size: 1.6rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
feat: change the page vertical scrollbar styles (#227) * fix: take out [data-scheme="dark"] from :root Taking out the [data-scheme="dark"] from :root allows us to fix the precedence of CSS when the [data-scheme="dark"] is placed in the <html> tag. This is needed in order to make the dark styles accesible from the <html> elment, this will allow us to change the vertical scrollbar styles following the dark and light schemes. * change document.body.dataset.scheme to document.documentElement.dataset.scheme When the dark mode is on or when the light mode is on, the [data-scheme="light"] or [data-scheme="dark"], respectively, will be placed in the <html> tag. Allowing us to access the dark and light color schemes from the <html> to change the vertical scrollbar styles according to the current color scheme. * 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. * make the scrollbar-track background-color transparent The body has this transition: 'transition: background-color 0.3s ease 0s'. Making the scrollbar-track background-color transparent allow us to appreciate that transition in the scrollbar-track when switching the background-color. * Move [data-scheme=dark] back to :root block * fix(comment/waline): detect dark mode from html tag * feat: apply custom scrollbar style to all elements Co-authored-by: Jimmy Cai <jimmehcai@gmail.com>
2021-06-20 09:49:35 -04:00
/* scrollbar styles for Firefox */
* {
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb) transparent;
}
/**/
fix: disqus dark mode (#478) * fix: disqus dark mode * remove color-scheme add custom chrome scrollbar style (removed in https://github.com/CaiJimmy/hugo-theme-stack/pull/428)
2022-01-30 04:57:16 -05:00
/* scrollbar styles for Chromium */
::-webkit-scrollbar {
height: auto;
}
::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
}
::-webkit-scrollbar-track {
background-color: transparent;
}
feat: add RTL Support and update demo site to Show Arabic/RTL content (#519) * add LanguageDirection variable * add .direction-rtl and .direction-ltr clases * margin -right > margin-inline-end * keep Codeblocks LTR * switch to logical properties * left -> inset-inline-start * Add Arabic/RTL placeholder text * Add arabic language * remove space * use Html Dir instead of class * Move codeblock code to layout/article.css and fix 4 spaces codeblocks * remove unused clases
2022-03-03 18:25:34 -05:00
/**/
Reference in New Issue Copy Permalink