Anri/mylloon.fr
1
0
Fork 0
Code Issues 21 Pull requests 2 Releases Packages 1 Activity Actions

add scrollbar styling for blog
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending
Details

Browse source
This commit is contained in:
Mylloon 2023-04-27 09:00:22 +02:00
parent d153b732bd
commit e1db153d15
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
2 changed files with 34 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
static/css/blog/index.css
View file

@ -41,6 +41,23 @@ html {
"Segoe UI Symbol"; "Segoe UI Symbol";
} }
/* Barre de scroll - Firefox */
* {
scrollbar-color: var(--font-color) var(--bg);
}
/* Barre de scroll - Chrome */
*::-webkit-scrollbar {
width: 7px;
height: 9px;
background: var(--bg);
}
*::-webkit-scrollbar-thumb {
background-color: var(--font-color);
border-radius: 10px;
}
/* Title of page */ /* Title of page */
h1 { h1 {
color: var(--font-color); color: var(--font-color);

17
static/css/blog/post.css
View file

@ -40,6 +40,23 @@ html {
line-height: 1.5em; line-height: 1.5em;
} }
/* Barre de scroll - Firefox */
* {
scrollbar-color: var(--font-color) var(--bg);
}
/* Barre de scroll - Chrome */
*::-webkit-scrollbar {
width: 7px;
height: 9px;
background: var(--bg);
}
*::-webkit-scrollbar-thumb {
background-color: var(--font-color);
border-radius: 10px;
}
/* Post's title */ /* Post's title */
header > h1 { header > h1 {
font-size: 2.5rem; font-size: 2.5rem;