/**
 * EdGEL: Styling of SVG icons.
 */

@use "../settings" as *;
@use "../tools" as *;

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: visible;
  line-height: $line-height-base;
  vertical-align: middle;
  fill: currentcolor;
}


/**
 * Allow changing colour of icons.
 */
@each $colour, $value in $theme-colors {
  .icon-#{$colour} {
    fill: $value;
  }
}