_util.scss

@mixin breakpoint( $point ){
  @if $point == papa-bear { //desktop 768/16
    @media all and (min-width: 48em) { @content; }
  }
  @else if $point == mama-bear {
    @media all and (min-width: 37.5em) { @content; }
  }
  @else if $point == baby-bear {
    @media all and (min-width: 20em) { @content; }
  }
}

//clearfix
@mixin clearfix-micro() {
    & {
        *zoom: 1;
    }
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}