// ============================================================================
// icon.gl | Size
// ============================================================================

@use "style" as *;


// @mixin box_border   { box-sizing: border-box; }
// @mixin box_content  { box-sizing: content-box; }


// @mixin box_size($size) {
//     @include box_content;
//     width:      baseline($size);
//     height:     baseline($size);
//     min-width:  baseline($size);
//     min-height: baseline($size);
//     max-width:  baseline($size);
//     max-height: baseline($size);
// }


// @mixin icon_size_00 {
//     @include icon;
//     @include box_size_00;
//     svg { @include box_size_00; }
//     img { @include box_size_00; }
// }

// @mixin icon_size_01 {
//     @include icon;
//     @include box_size_01;
//     svg { @include box_size_01; }
//     img { @include box_size_01; }
// }

// @mixin icon_size_02 {
//     @include icon;
//     @include box_size_02;
//     svg { @include box_size_02; }
//     img { @include box_size_02; }
// }

// @mixin icon_size_03 {
//     @include icon;
//     @include box_size_03;
//     svg { @include box_size_03; }
//     img { @include box_size_03; }
// }

// @mixin icon_size_04 {
//     @include icon;
//     @include box_size_04;
//     svg { @include box_size_04; }
//     img { @include box_size_04; }
// }

// @mixin icon_size_05 {
//     @include icon;
//     @include box_size_05;
//     svg { @include box_size_05; }
//     img { @include box_size_05; }
// }

// @mixin icon_size_06 {
//     @include icon;
//     @include box_size_06;
//     svg { @include box_size_06; }
//     img { @include box_size_06; }
// }

// @mixin icon_size_07 {
//     @include icon;
//     @include box_size_07;
//     svg { @include box_size_07; }
//     img { @include box_size_07; }
// }

// @mixin icon_size_08 {
//     @include icon;
//     @include box_size_08;
//     svg { @include box_size_08; }
//     img { @include box_size_08; }
// }

// @mixin icon_size_09 {
//     @include icon;
//     @include box_size_09;
//     svg { @include box_size_09; }
//     img { @include box_size_09; }
// }

// @mixin icon_size_10 {
//     @include icon;
//     @include box_size_10;
//     svg { @include box_size_10; }
//     img { @include box_size_10; }
// }




////////////////////
/// 
/// 
/// 
/// 

// // ============================================================================
// // Imports
// // ============================================================================

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

// @use "../head_layout" as *;
// @use "box" as *;

// // ============================================================================
// // Icon Map
// // ============================================================================

// $icon_size_map: (
//     "00": 4,
//     "01": 1,
//     "02": 2,
//     "03": 3,
//     "04": 4,
//     "05": 5,
//     "06": 6,
//     "07": 7,
//     "08": 8,
//     "09": 9,
//     "10": 10
// );

// // ============================================================================
// // Base Icon Mixin
// // ============================================================================

// @mixin icon {
//     @include reset_bleed;
//     @include box--content;
//     background-color: transparent;
//     position: relative;
//     overflow: visible;
//     // position:         relative;
//     // width:            100%;
//     // height:           100%;
//     // align-items:      center;
//     // display:          inline-flex;
//     // justify-content:  center;
//     // fill: $color_02;
// }

// // ============================================================================
// // Icon Size Mixin (Shared with SVG/IMG)
// // ============================================================================

// @mixin icon--size($val) {
//     @include icon;
//     @include box--size($val);

//     svg,
//     img {
//         @include box--size($val);
//         //     width: 100%;
//         //     height: 100%;
//         //     position: relative;
//     }
// }

// // ============================================================================
// // Icon Size Utilities (Generated)
// // ============================================================================

// @each $key, $val in $icon_size_map {
//     .icon--size_#{$key} {
//         @include icon--size($val);
//     }
// }