////
///
/// Layout Mixins Module
/// ===========================================================================
///
/// @group Layout
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @todo None
/// @access public
///
////

// ============================================================================
// Mixins
// ============================================================================

// ============================================================================
// Layout | Layers
// ============================================================================

@use "../../variables" as *;

// z-index
// .z-index-1111 {
//     z-index: 1111;
// }
// .z-index-111 {
//     z-index: 111;
// }
// .z-index-1 {
//     z-index: 1;
// }
// .z-index-2 {
//     z-index: 2;
// }
// .z-index-3 {
//     z-index: 3;
// }
// .z-index-4 {
//     z-index: 4;
// }
// .z-index-5 {
//     z-index: 5;
// }
// .z-index-0 {
//     z-index: 0;
// }
// .z-index-minus1 {
//     z-index: -1;
// }
// .z-index-minus2 {
//     z-index: -2;
// }

// Layer Map
// $layers: (

//     // Guides
//     "guides":              9998,
//     "guide_baseline":      3000,
//     "guide_graph":         3100,

//     // Overlays
//     "modal":               7000,

//     // Interface
//     "ribbon":               5000,
//     "interface":            4000,
//     "control":              3000,

//     // Content
//     "content":              2000,

//     // Canvas
//     "canvas":              -1000,
//     // "canvas":              5000,

//     //
//     "max":                  9999,
//     "med":                     0,
//     "min":                 -9999
// );

// Layer Function
// @function z($layer) {
//     @if not map-has-key($z-layers, $layer) {
//         @warn "No layer found for `#{$layer}` in $z-layers map. Property omitted.";
//     }
//     @return map.get($z-layers, $layer);
// }

// .canvas {
//     z-index: z("canvas");
// }
// .content {
//     z-index: z("content");
// }
// .cover {
//     z-index: z("content");
// }
// .main {
//     z-index: z("content");
// }
// .footer {
//     z-index: z("content");
// }
// .interface {
//     z-index: z("interface");
// }
// .ribbon {
//     z-index: z("ribbon");
// }
// .cookieconsent  {z-index: z("top");}
// .guide_graph {
//     z-index: z("guide_graph");
// }
// .guide_baseline {
//     z-index: z("guide_baseline");
// }