/* Mixin

–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* 

​

/* Media Queries */

@mixin breakpoint($size) {

  @if $size == small {

    @media screen and (max-width: 40em) {

      @content;

    }

  } @else if $size == medium {

    @media screen and (min-width: 40em) and (max-width: 60em) {

      @content;

    }

  } @else if $size == large {

    @media screen and (min-width: 60em) {

      @content;

    }

  }

}