@mixin make-colors($color-map, $wrapper: '') {
    @each $name, $value in $color-map {
        #{$wrapper} .color-#{$name} {
            color: $value
        }

        #{$wrapper} .bg-#{$name} {
            background-color: $value;
        }
    }
}

@mixin make-icons($icon-map) {
    @each $name, $value in $icons {
        .icon-#{$name}:before {
            content: $value
        }
    }
}