mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-09 01:13:55 +00:00
Carlos Valente
76 lines
1.2 KiB
SCSS
76 lines
1.2 KiB
SCSS
@use './theme/ontimeStyles' as *;
|
|
|
|
$track-color: $white-1;
|
|
$thumb-color: $gray-1100;
|
|
$thumb-color-hover: $gray-900;
|
|
|
|
* {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
scrollbar-color: $thumb-color $track-color;
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
// reset box-sizing
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
body,
|
|
html,
|
|
.App {
|
|
font-size: 15px;
|
|
font-family: $ontime-font-family;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
overflow: clip;
|
|
height: 100vh;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
-webkit-app-region: drag;
|
|
background-color: $bg-container-l1;
|
|
}
|
|
|
|
/* smaller root size for MacOS laptops */
|
|
@media (max-width: 1600px) {
|
|
body,
|
|
html,
|
|
.App {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* workaround for chakra
|
|
* https://github.com/chakra-ui/chakra-ui/issues/417
|
|
*/
|
|
option {
|
|
color: initial;
|
|
}
|
|
|
|
/* width */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
background: $white-1;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: $thumb-color;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: $thumb-color-hover;
|
|
}
|