A Pen by Philip Zastrow on CodePen.
Philip Zastrow zastrow
🦄
zastrow
/ colour.scss
Last active
August 29, 2015 13:55
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
| @mixin colour($val) { | |
| color: $val; | |
| } |
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
| @mixin inline($val) { | |
| display: inline-block; | |
| vertical-align: $val; | |
| .lt-ie8 & { | |
| display: inline; | |
| zoom: 1; | |
| } | |
| } |
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
| jsWarrior.turn = function(warrior) { | |
| var action = null; | |
| if(!warrior.game_started){ | |
| jsWarrior.firstSquareReached(warrior); | |
| } | |
| if(warrior.check() == "diamond") { | |
| action = warrior.collect; | |
| } |
zastrow
/ gist:94ee35f59f7d0fda2681
Created
May 7, 2014 21:27
Sparkbox’s sb-media mixin with a max-width option.
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
| @mixin sb-media($min, $max:"") { | |
| @if $no-mq-support{ | |
| @if $min < $serve-to-nomq-max-width{ | |
| @content; | |
| } | |
| } | |
| @else if $max != "" { | |
| @media ( 'min-width:' + $min ) and ( 'max-width:' + $max ) { | |
| @content; | |
| } |
zastrow
/ gist:566cbff99fe1124ffda9
Created
May 12, 2014 15:31
Mixin that puts position offset values on one line a la padding or margin
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
| @mixin positions($top:"auto", $right:"auto", $bottom:"auto", $left:"auto",$unit:"") { | |
| @if ( $top != "auto" and ( $unit == "" or $unit == "rem" ) ) { | |
| top: $top * $base-font-multiplier * 16px; | |
| top: $top * 1rem; | |
| } @else if ( $unit != "" and $unit != "rem" ) { | |
| top: #{$top}#{$unit}; | |
| } @else { | |
| top: $top; | |
| } | |
| @if ( $right != "auto" and ( $unit == "" or $unit == "rem" ) ) { |
zastrow
/ keybase.md
Created
May 12, 2014 20:47
I hereby claim:
- I am zastrow on github.
- I am zastrow (https://keybase.io/zastrow) on keybase.
- I have a public key whose fingerprint is 9DA5 5A8B 2833 6822 0E37 316F 7A80 FC53 7691 FA81
To claim this, I am signing this object:
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
| <a href="#">Sass Color Links</a> |
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
| <a href="#" class="feature-class">Feature Link</a> | |
| <a href="#" class="feature-class style-class">Feature Style Link</a> |
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
| <a href="#" class="feature-class">Feature Link</a> | |
| <div class="parent-class"> | |
| <a href="#" class="feature-class">Feature Link with Parent</a> | |
| </div> |
OlderNewer