Zelda64Recomp/assets/scss/styles/global.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;
}
}