@mixin font-size($size-value: $font-base) {
  // sass-lint:disable-block no-duplicate-properties
  font-size: $size-value + px;
  font-size: ($size-value / 10) + rem;
}

@mixin tablet {
  @media (min-width: #{$tablet}) {
    @content;
  }
}

@mixin desktop {
  @media (min-width: #{$desktop}) {
    @content;
  }
}

@mixin desktop-wide {
  @media (min-width: #{$desktop-wide}) {
    @content;
  }
}