/**
 *  components: icon
 *
 *  <svg class="icon">
 *      //
 *  </svg>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/crispy-css
 *
 */

$crispy__icon__size: 1.15em !default;

@mixin crispy__icon {
    .icon {
        width: $crispy__icon__size;
        height: $crispy__icon__size;

        max-height: 100%;
        max-width: 100%;

        vertical-align: middle;
        overflow: hidden;

        line-height: $crispy__line-height;
    }

    @each $name, $color in $crispy__colors {
        .icon-color-#{$name} {
            fill: $color !important;
        }
    }
}
