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

	100% { 
		color: $color-secondary;
	}
}

@keyframes blue-pulse-with-border {
	0% {
		border-color: $color-secondary;
		color: $color-secondary;
	}

	50% {
		border-color: $color-secondary-l;
		color: $color-secondary-l;
	}

	100% {
		border-color: $color-secondary; 
		color: $color-secondary;
	}
}

@keyframes blue-pulse-background {
	0% {
		background-color: $color-secondary;
	}

	50% {
		background-color: $color-secondary-l;
	}

	100% { 
		background-color: $color-secondary;
	}
}