ayamflow
/ gist:b602ab436ac9f05660d9c15190f4fd7b
Created
May 9, 2016 19:10
Safari border-radius + overflow: hidden + CSS transform fix
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
| // Add on element with overflow | |
| -webkit-mask-image: -webkit-radial-gradient(white, black); |
timknight
/ breakpoint.scss
Created
May 5, 2014 12:48
A simple responsive breakpoint mixin that takes both attribute names and custom widths. See https://medium.com/p/889927b37740/
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 breakpoint($min: 0, $max: 0) { | |
| $type: type-of($min); | |
| @if $type == string { | |
| @if $min == xs { | |
| @media (max-width: 767px) { @content; } // Mobile Devices | |
| } | |
| @else if $min == sm { | |
| @media (min-width: 768px) { @content; } // Tablet Devices |