@mixin mp($type, $name, $num) {
  $B: 'es-' + $type + '-' + $name + '-' + $num !global;
  @if $name == false {
    $B: 'es-' + $type + '-' + $num !global;
  }
  .#{$B} {
    @if $name == false {
      #{$type}: #{$num}px;
    } @else {
      #{$type}-#{$name}: #{$num}px;
    }
  }
}
@mixin flex($num) {
  $B: 'es-flex' + '-' + $num !global;
  .#{$B} {
    flex: $num;
  }
}
@mixin gutter($type, $num) {
  $B: 'es-gutter' + '-' + $type + '-' + $num !global;
  .#{$B} + .#{$B} {
    margin-#{$type}: #{$num}px;
  }
}
