Trails
0
of 121
Lifts
0
of 20
Terrain Parks
0
Park Features
0
Surface
N/A
Forecast
59°
More..
Call Okemo

Sass Reference Guide

Media Queries

Use the @include bp() mixin

Sizes

  • xs - Below 600px
  • sm - Below 768px
  • md - Below 992px
  • lg - Below 1200px

Usage

.my-div {
    width: 50%;
    margin: 2em;
    
    // Media queries should go inside the blocks they apply to
    @include bp (md) {
        width: 50%;
        margin: 1em;
    }
    
    @include bp (sm) {
        width: 100%;
        margin: 0;
    }
    
    // If you need a custom media query just put your normal media query
    // as the parameter
    @include bp (max-width: 200px) {
        width: 100%;
        margin: 0;
    }
}
Font Extends

Open Sans

@extend %open-sans

Open Sans Italic

@extend %open-sans-italic

Open Sans Bold

@extend %open-sans-bold

Open Sans Bold Italic

@extend %open-sans

Open Sans Light

@extend %open-sans

Open Sans Condensed

@extend %open-sans
List Extends

Nav List - No margin, padding, or bullets/numbers

@extend %nav-list