This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Use Gists to store code you would like to remember later on | |
console.log(window); // log the "window" object to the console |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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. | |
* |