_mixin.scss

@mixin responsive-property($key, $property, $important: false) {
    $map: get($key);

    @if type-of($map) != map {
        #{$property}: $map #{if($important, "!important", "")};
    } @else {
        @each $bp, $value in $map {
            $value: if(is-lazy($value), exec-lazy($value), $value);

            @if $bp == "all" {
                #{$property}: $value #{if($important, "!important", "")};
            } @else {
                @include breakpoint(get("breakpoint/#{$bp}")) {
                    #{$property}: $value #{if($important, "!important", "")};
                }
            }
        }
    }
}

// A clearfix mixin that just implements (Nicolas Gallagher's micro clearfix)
// [http://nicolasgallagher.com/micro-clearfix-hack/].
//
// We have to define our own since both
// (Bourbon)[http://bourbon.io/docs/#clearfix] and
// (Scut)[http://davidtheclark.github.io/scut/#clearfix] use a different
// clearfix solution that didn't work for us.
@mixin clearfix() {
    //
    // For modern browsers
    // 1. The space content is one way to avoid an Opera bug when the
    //    contenteditable attribute is included anywhere else in the document.
    //    Otherwise it causes space to appear at the top and bottom of elements
    //    that are clearfixed.
    // 2. The use of `table` rather than `block` is only necessary if using
    //    `:before` to contain the top-margins of child elements.
    //
    &:before,
    &:after {
        content: " "; // 1
        display: table; // 2
    }

    &:after {
        clear: both;
    }

    //
    // For IE 6/7 only
    // Include this rule to trigger hasLayout and contain floats.
    //
    & {
        *zoom: 1;
    }
}