Style scrollbars

This commit is contained in:
Ken-Håvard Lieng 2020-06-20 07:41:01 +02:00
parent f89e6ae133
commit 1c996822cd
2 changed files with 87 additions and 52 deletions

File diff suppressed because one or more lines are too long

View File

@ -2,12 +2,34 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
scrollbar-width: thin;
} }
body { body {
font-family: Roboto Mono, monospace; font-family: Roboto Mono, monospace;
background: #f0f0f0; background: #f0f0f0;
color: #222; color: #222;
scrollbar-color: #ccc rgba(0, 0, 0, 0);
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb {
background: #ccc;
}
::-webkit-scrollbar-thumb:hover {
background: #999;
}
::-webkit-scrollbar-thumb:active {
background: #666;
} }
h1, h1,
@ -261,6 +283,19 @@ i[class*=' icon-']:before {
font-family: Montserrat, sans-serif; font-family: Montserrat, sans-serif;
transition: transform 0.2s; transition: transform 0.2s;
user-select: none; user-select: none;
scrollbar-color: #333 rgba(0, 0, 0, 0);
}
.tablist ::-webkit-scrollbar-thumb {
background: #333;
}
.tablist ::-webkit-scrollbar-thumb:hover {
background: #444;
}
.tablist ::-webkit-scrollbar-thumb:active {
background: #555;
} }
.tab-container { .tab-container {