mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-07 08:23:55 +00:00
Carlos Valente
118 lines
2.8 KiB
SCSS
118 lines
2.8 KiB
SCSS
@use './theme/ontimeStyles' as *;
|
|
|
|
/* open-sans-latin-300-normal */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-display: swap;
|
|
font-weight: 300;
|
|
src:
|
|
url(@fontsource/open-sans/files/open-sans-latin-300-normal.woff2) format('woff2'),
|
|
url(@fontsource/open-sans/files/open-sans-latin-300-normal.woff) format('woff');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
|
|
U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
/* open-sans-latin-400-normal */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-display: swap;
|
|
font-weight: 400;
|
|
src:
|
|
url(@fontsource/open-sans/files/open-sans-latin-400-normal.woff2) format('woff2'),
|
|
url(@fontsource/open-sans/files/open-sans-latin-400-normal.woff) format('woff');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
|
|
U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
/* open-sans-latin-600-normal */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-display: swap;
|
|
font-weight: 600;
|
|
src:
|
|
url(@fontsource/open-sans/files/open-sans-latin-600-normal.woff2) format('woff2'),
|
|
url(@fontsource/open-sans/files/open-sans-latin-600-normal.woff) format('woff');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
|
|
U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
$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 {
|
|
font-size: 15px;
|
|
font-family: $ontime-font-family;
|
|
background-color: var(--background-color-override, $ui-black);
|
|
}
|
|
|
|
body,
|
|
html,
|
|
.App {
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
overflow: clip;
|
|
height: 100vh;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
-webkit-app-region: drag;
|
|
}
|
|
|
|
/* 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;
|
|
}
|