Zelda64Recomp/assets/scss/styles/global.scss

@import "./base";
@import "./globals/old";
@import "./components/components";


$font-stack: chiaro;
$font-size: 20dp;

body
{
    @extend %body;
    box-sizing: border-box;
	color: $color-text;
	font-family: $font-stack;
}

.rmlui-window {
    opacity: 1;
    transition: opacity 0.1s quadratic-in-out;

    &--hidden {
        opacity: 0;
        transition: none;
    }
}

*, *: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;
}

button {
    background-color: $color-primary-d;
}