@use "sass:string";
@use "../functions" as *;
@use "variables" as *;

[class^="#{$coreui-icons-prefix}"], [class*=" #{$coreui-icons-prefix}"] {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

@each $icon, $unicode in $icons {
  $icon-lower: string.to-lower-case(#{$icon});
  .#{$coreui-icons-prefix}#{$icon-lower} {
    background-image: url(../svg/flag/#{$coreui-icons-prefix}#{$icon}.svg);
  }
}