122 lines
1.5 KiB
SCSS
122 lines
1.5 KiB
SCSS
@import "./base";
|
|
@import "./globals/old";
|
|
@import "./globals/scrollbars";
|
|
@import "./components/components";
|
|
@import "./pages/pages";
|
|
|
|
$font-size: 20dp;
|
|
|
|
body
|
|
{
|
|
@extend %body;
|
|
box-sizing: border-box;
|
|
color: $color-text;
|
|
font-family: $font-stack;
|
|
}
|
|
|
|
.rmlui-window {
|
|
opacity: 1;
|
|
|
|
&--hidden {
|
|
opacity: 0;
|
|
}
|
|
|
|
&:not([mouse-active]) {
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
.nav-vert {
|
|
@extend %nav-vert;
|
|
}
|
|
.nav-horiz {
|
|
@extend %nav-horiz;
|
|
}
|
|
.nav-dir {
|
|
@extend %nav-dir;
|
|
}
|
|
.nav-foc {
|
|
@extend %nav-foc;
|
|
}
|
|
.nav-all {
|
|
@extend %nav-all;
|
|
}
|
|
|
|
*, *:before, *:after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
h1 {
|
|
@extend %header-1;
|
|
}
|
|
|
|
h2 {
|
|
@extend %header-2;
|
|
}
|
|
|
|
h3 {
|
|
@extend %header-3;
|
|
}
|
|
|
|
.label-lg {
|
|
@extend %label-lg;
|
|
}
|
|
|
|
.label-md {
|
|
@extend %label-md;
|
|
}
|
|
|
|
.label-sm {
|
|
@extend %label-sm;
|
|
}
|
|
|
|
.prompt-font {
|
|
@extend %prompt-font;
|
|
}
|
|
|
|
.prompt-font-sm {
|
|
@extend %prompt-font-sm;
|
|
}
|
|
|
|
button {
|
|
background-color: $color-primary-d;
|
|
}
|
|
|
|
@keyframes blue-pulse {
|
|
0% {
|
|
color: $color-secondary;
|
|
}
|
|
50% {
|
|
color: $color-secondary-l;
|
|
}
|
|
to {
|
|
color: $color-secondary;
|
|
}
|
|
}
|
|
|
|
@keyframes blue-pulse-with-border {
|
|
0% {
|
|
color: $color-secondary;
|
|
border-color: $color-secondary;
|
|
}
|
|
50% {
|
|
color: $color-secondary-l;
|
|
border-color: $color-secondary-l;
|
|
}
|
|
to {
|
|
color: $color-secondary;
|
|
border-color: $color-secondary;
|
|
}
|
|
}
|
|
|
|
@keyframes blue-pulse-background {
|
|
0% {
|
|
background-color: $color-secondary;
|
|
}
|
|
50% {
|
|
background-color: $color-secondary-l;
|
|
}
|
|
to {
|
|
background-color: $color-secondary;
|
|
}
|
|
}
|