mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-11 18:33:53 +00:00
Carlos Valente
107 lines
2.6 KiB
SCSS
107 lines
2.6 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,
|
|
.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;
|
|
}
|