johnheiner

/**
 * CSS Lock
 *
 *
 * @description
 * In canal and river navigation, a lock is a device used for raising and 
 * lowering vessels between stretches of water that are at different levels.
 *
 * To fluctuate between two values depending on the screen width.
 *

johnheiner

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

johnheiner

// MEDIA QUERIES: Default
@mixin mq($width, $height: false) {
    @if $height {
        @media ( min-width: + $width ) and ( min-height: + $height ) {
            @content;
        }
    }@else {
        @media ( min-width: + $width ) {
            @content;
        }