// Control here whether to inline all resources or instead load them
@function uiResource($pth) {
    @if (str-index($string: $pth, $substring: ".noinline")) {
        @return resolve($pth);
    }
    @return inline($pth);
}

@import "icons";
@import "trigonometry";
@import "material_colors";
@import "dynamic_ui";
@import "variables";

@import "mixins";
@import "common";
@import "animations";
@import "game_state";
@import "application_error";
@import "textual_game_state";
@import "adinplay";

@import "states/preload";
@import "states/main_menu";
@import "states/ingame";

@import "ingame_hud/buildings_toolbar";
@import "ingame_hud/building_placer";
@import "ingame_hud/beta_overlay";
@import "ingame_hud/keybindings_overlay";
@import "ingame_hud/unlock_notification";
@import "ingame_hud/shop";
@import "ingame_hud/game_menu";
@import "ingame_hud/dialogs";
@import "ingame_hud/mass_selector";
@import "ingame_hud/vignette_overlay";
@import "ingame_hud/statistics";
@import "ingame_hud/pinned_shapes";
@import "ingame_hud/notifications";

// Z-Index
$elements: ingame_Canvas, ingame_VignetteOverlay, ingame_HUD_building_placer, ingame_HUD_PinnedShapes,
    ingame_HUD_buildings_toolbar, ingame_HUD_GameMenu, ingame_HUD_KeybindingOverlay, ingame_HUD_Notifications,
    ingame_HUD_Shop, ingame_HUD_Statistics, ingame_HUD_BetaOverlay, ingame_HUD_MassSelector,
    ingame_HUD_UnlockNotification;

$zindex: 100;

@each $elem in $elements {
    ##{$elem} {
        z-index: $zindex;
    }

    $zindex: $zindex + 10;
}

body.uiHidden {
    #ingame_HUD_buildings_toolbar,
    #ingame_HUD_building_placer,
    #ingame_HUD_GameMenu,
    #ingame_HUD_MassSelector,
    #ingame_HUD_PinnedShapes {
        display: none !important;
    }
}
body.ingameDialogOpen {
    #ingame_Canvas,
    #ingame_HUD_GameMenu,
    #ingame_HUD_KeybindingOverlay,
    #ingame_HUD_buildings_toolbar,
    #ingame_HUD_PinnedShapes {
        filter: blur(5px);
    }
}