/*

In this file:

// A. Modules
// B. Variables
// C. Utilities

*/

//////////////////////////////////////////////
// A. Modules
//////////////////////////////////////////////

@use 'sass:map';
@use './breakpoint';

//////////////////////////////////////////////
// B. Variables
//////////////////////////////////////////////

$widths: (
    10: 10%,
    20: 20%,
    25: 20%,
    30: 30%,
    40: 40%,
    50: 50%,
    60: 60%,
    70: 70%,
    75: 75%,
    80: 80%,
    90: 90%,
    100: 100%,
    100vw: 100vw,
    auto: auto
);

$heights: (
    100: 100%,
    100vh: 100vh
);

//////////////////////////////////////////////
// C. Utilities
//////////////////////////////////////////////

@layer utility {

    @each $breakpoint in map.keys(breakpoint.$breakpoints) {
        @include breakpoint.breakpoint-up($breakpoint) {
            $mod: breakpoint.breakpoint-modifier($breakpoint, breakpoint.$breakpoints);

            // Width
            
            @each $key, $value in $widths {
                .width-#{$key}#{$mod} {
                    width: $value;
                }
            }

            // Height
            
            @each $key, $value in $heights {

                .height-#{$key}#{$mod} {
                    height: $value;
                }
                
                .min-height-#{$key}#{$mod} {
                    min-height: $value;
                }
            }
        }
    }

} // end @layer