@use 'sass:list';
@use '../../sprite';
@use '../../abstract';

$icons: (sprite.$dot-grid, sprite.$ico-m-sm, sprite.$message-smile-square);

.cds-ico {
  @include abstract.bg2x-sprite();
  @include abstract.button-reset();

  display: inline-block;

  &--focus {
    cursor: pointer;
  }

  @each $sprite in $icons {
    &--#{nth($sprite, 10)} {
      @include abstract.sprite2x($sprite);
    }
  }
}