Zelda64Recomp/assets/scss/styles/global.scss

133 lines
1.5 KiB
SCSS
Raw Permalink Normal View History

2024-01-02 16:10:06 +01:00
@import "./base";
@import "./globals/old";
@import "./globals/scrollbars";
2024-01-07 01:04:28 +01:00
@import "./components/components";
@import "./pages/pages";
2024-01-02 16:10:06 +01:00
$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;
}
}
2024-03-04 16:16:35 +01:00
.nav-vert {
@extend %nav-vert;
}
2024-03-04 16:16:35 +01:00
.nav-horiz {
@extend %nav-horiz;
}
2024-03-04 16:16:35 +01:00
.nav-dir {
@extend %nav-dir;
}
2024-03-04 16:16:35 +01:00
.nav-foc {
@extend %nav-foc;
}
2024-03-04 16:16:35 +01:00
.nav-all {
@extend %nav-all;
}
2024-01-02 16:10:06 +01:00
*, *:before, *:after {
box-sizing: border-box;
2024-01-02 16:10:06 +01:00
}
h1 {
@extend %header-1;
}
h2 {
@extend %header-2;
}
h3 {
@extend %header-3;
}
2024-01-07 22:33:22 +01:00
.label-lg {
2024-01-02 16:10:06 +01:00
@extend %label-lg;
}
2024-01-07 22:33:22 +01:00
.label-md {
2024-01-02 16:10:06 +01:00
@extend %label-md;
}
2024-01-07 22:33:22 +01:00
.label-sm {
2024-01-02 16:10:06 +01:00
@extend %label-sm;
}
2024-01-18 21:49:29 +01:00
.prompt-font {
@extend %prompt-font;
}
2024-03-03 21:57:19 +01:00
.prompt-font-sm {
@extend %prompt-font-sm;
}
2024-01-02 16:10:06 +01:00
button {
background-color: $color-primary-d;
}
2024-04-10 16:24:25 +02:00
@keyframes blue-pulse {
0% {
color: $color-secondary;
}
2024-04-10 16:24:25 +02:00
50% {
color: $color-secondary-l;
}
100% {
2024-04-10 16:24:25 +02:00
color: $color-secondary;
}
}
@keyframes blue-pulse-with-border {
0% {
border-color: $color-secondary;
color: $color-secondary;
2024-04-10 16:24:25 +02:00
}
2024-04-10 16:24:25 +02:00
50% {
border-color: $color-secondary-l;
color: $color-secondary-l;
2024-04-10 16:24:25 +02:00
}
100% {
border-color: $color-secondary;
2024-04-10 16:24:25 +02:00
color: $color-secondary;
}
}
@keyframes blue-pulse-background {
0% {
background-color: $color-secondary;
}
2024-04-10 16:24:25 +02:00
50% {
background-color: $color-secondary-l;
}
100% {
2024-04-10 16:24:25 +02:00
background-color: $color-secondary;
}
}