@import "breakpoints";

/**
 * Breakpoint mixins
 */

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

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

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

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

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

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

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

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

@mixin break-zoomed-in() {
  @media (min-width: #{ ($break-zoomed-in) }) {
    @content;
  }
}
