/**
 * Sass Functions
 */

/* Usage
.some-element {
  background-color: grey;
}
@include breakpoint(small, medium) {
  .some-element {
    background-color: yellow;
  }
}
*/

@function convertBreakpoint($point) {
  @if $point == full {
    @return 1120px;
  }
  @else if $point == large {
    @return 980px;
  }
  @else if $point == medium {
    @return 900px;
  }
  @else if $point == small {
      @return 540px;
  }
  @else {
    @return $point;
  }
}

@mixin breakpoint($start, $end: 0px) {
  @if $end &gt; 0px {
    @media only screen and
      (min-width: convertBreakpoint($start)) and
      (max-width: convertBreakpoint($end) - 1)
        { @content; }
  }
  @else {
    @media only screen and
      (min-width: convertBreakpoint($start))
        { @content; }
  }
}
/**
 * Sass Functions
 */

/* Usage
.some-element {
  background-color: grey;
}
@include breakpoint(small, medium) {
  .some-element {
    background-color: yellow;
  }
}
*/

@function convertBreakpoint($point) {
  @if $point == full {
    @return 1120px;
  }
  @else if $point == large {
    @return 980px;
  }
  @else if $point == medium {
    @return 900px;
  }
  @else if $point == small {
      @return 540px;
  }
  @else {
    @return $point;
  }
}

@mixin breakpoint($start, $end: 0px) {
  @if $end > 0px {
    @media only screen and
      (min-width: convertBreakpoint($start)) and
      (max-width: convertBreakpoint($end) - 1)
        { @content; }
  }
  @else {
    @media only screen and
      (min-width: convertBreakpoint($start))
        { @content; }
  }
}
Change html entity to a character
Change html entity to a character
