/**
 *
 *
 *
 */

@mixin component__icon()
{
    .icon {
        display: inline-block;
        font-size: inherit;
        height: 1.5em;
        width: 1.5em;
        overflow: visible;
        max-height: 100%;
        max-width: 100%;
    }

    .fill-primary {
        fill: $primary;
    }

    .fill-grey {
        fill: $grey;
    }
}