// ZOOM

// Extended Grid
// .example_class {
//   @include zoom(60%,80%,100%);
// }
@mixin zoom($default, $small:null, $medium:null, $large:null, $x-large:null) {

  @if $default {

    font-size: $default;

  }
  @if $small {

    @include media(small) {
      font-size: $small;
    }

  }
  @if $medium {

    @include media(medium) {
      font-size: $medium;
    }

  }
  @if $large {

    @include media(large) {
      font-size: $large;
    }

  }
  @if $x-large {

    @include media(x-large) {
      font-size: $x-large;
    }

  }

}