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

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

View file

@ -41,6 +41,23 @@ html {
"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 */
h1 {
color: var(--font-color);

View file

@ -40,6 +40,23 @@ html {
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 */
header > h1 {
font-size: 2.5rem;