@use "sass:math";
@use "./box" as *;
@use "../util/scss/besm.scss" as *;
@use "../util/scss/add-rules.scss" as *;
@use "../util/scss/clockwise.scss" as *;
@use "../util/scss/include.scss" as *;
@use "sass:map";

@mixin cx-icon($name: "icon", $size: $cx-default-icon-size, $besm: $cx-besm) {
   $block: map.get($besm, block);
   $element: map.get($besm, element);
   $state: map.get($besm, state);
   $mod: map.get($besm, mod);

   .#{$block}#{$name} {
      width: $size;
      height: $size;
      font-size: $size;
      line-height: 1;
      text-align: center;
      vertical-align: middle;
      display: inline-block;
   }
}

@if (cx-should-include("cx/widgets/Icon")) {
   @include cx-icon();
}