@use '../abstracts/cds-vars' as vars;
@use '../abstracts/cds-icons' as icons;
@use '../abstracts/cds-config' as config;

@mixin cds-icon($icon) {
    font-family: config.$config-icons-font-family !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    //font-size: vars.$cds-icon-150; //Default icon size (24x24)



    &::before {
        @if $icon == config.$default-icon-spinner { //icons.$cds-ico-spinner-s {
            animation: rotation 1s infinite ease-in-out;
        }

        content: $icon;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@mixin cds-icon-size($size) {
    font-size: calc($size * config.$config-icon-size-factor) !important;
    width: $size !important;
    height: $size !important;
}