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

@use "../variables" as *;


///
/// Literal Magnification Scale
/// ----------------------------------------------------------------------------
///
///
/// Generates classes for scaling icons to specific magnifications using a
/// literal scale.
///
/// @example
/// .icon1x { font-size: 1em; }
/// .icon2x { font-size: 2em; }
/// ...
///
@for $i from 1 through 10 {
    .#{$icongl_prefix}#{$i}x {
        font-size: $i * 1em;
    }
}

/// Step-Based Magnification Scale (with alignment)
/// ---------------------------------------------------------------------------
///
/// Optional: Generates classes for icons using predefined sizes from a map.
/// Uncomment the following block to enable predefined size scales based on a size map.
///
// @each $size, $value in $igl_sizes {
//     .#{$icongl_prefix}#{$size} {
//         @include igl_size($value);
//     }
// }



// .icon_size_00 { @include icon_size_00; }
// .icon_size_01 { @include icon_size_01; }
// .icon_size_02 { @include icon_size_02; }
// .icon_size_03 { @include icon_size_03; }
// .icon_size_04 { @include icon_size_04; }
// .icon_size_05 { @include icon_size_05; }
// .icon_size_06 { @include icon_size_06; }
// .icon_size_07 { @include icon_size_07; }
// .icon_size_08 { @include icon_size_08; }
// .icon_size_09 { @include icon_size_09; }
// .icon_size_10 { @include icon_size_10; }


// .icon-very-small {font-size: 16px}
// .icon-small {font-size: 24px}
// .icon-medium {font-size: 35px}
// .icon-extra-medium {font-size: 40px}
// .icon-large {font-size: 50px}
// .icon-round-small {border-radius: 100%; display: table-cell; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; width: 80px; font-size:32px}
// .icon-round-medium {border-radius: 100%; display: table-cell; height: 90px; margin: 0 auto; text-align: center; vertical-align: middle; width: 90px;}