github.com/projectcontour/contour@v1.28.2/site/themes/contour/assets/scss/_mixins.scss (about)

     1  @mixin breakpoint($point) {
     2  	$small: 767px; // Up to 767px
     3      $medium: 1279px; // Up to 1279px
     4      $large: 1439px; // Up to 1439px
     5      $extra-large: 1800px; // Up to 1800px
     6  	@if $point == extra-large {
     7  		@media only screen and (min-width : $large+1) { @content; }
     8      }
     9      @else if $point == large {
    10  		@media only screen and (min-width : $medium+1) and (max-width: $large) { @content; }
    11  	}
    12  	@else if $point == medium-large {
    13  		@media only screen and (min-width: $medium+1) { @content; }
    14  	}
    15  	@else if $point == medium {
    16  		@media only screen and (min-width: $small+1) and (max-width: $medium) { @content; }
    17  	}
    18  	@else if $point == small-medium {
    19  		@media only screen and (max-width: $medium) { @content; }
    20  	}
    21  	@else if $point == small {
    22  		@media only screen and (max-width: $small) { @content; }
    23  	}
    24  }
    25  
    26  @mixin clearfix {
    27  	*zoom: 1;
    28  	&:before, &:after {
    29  		display: table;
    30  		content: "";
    31  		line-height: 0;
    32  	}
    33  	&:after {
    34  		clear: both;
    35  	}
    36  }