A Pen by Jon Yablonski on CodePen.
Jon Yablonski jonyablonski
jonyablonski
/ Sass-Dropdown-Nav-Menu.markdown
Created
January 14, 2015 02:35
Sass Dropdown Nav Menu
jonyablonski
/ Uncle Dave’s Ol’ Padded Box
Created
December 23, 2014 17:40
Proportional Aspect Ratios for Responsive Background Images
This file contains hidden or 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
| /** | |
| * Proportional Aspect Ratios for Responsive Background Images | |
| * http://daverupert.com/2012/04/uncle-daves-ol-padded-box/ | |
| */ | |
| #meowmeow { | |
| background: url(http://placekitten.com/720/405/) no-repeat center center; | |
| background-size: cover; | |
| height: 0; | |
| padding-bottom: 56.25%; /* 16:9 */ | |
| } |
jonyablonski
/ Progressively-Enhanced-Navigation.markdown
Created
December 23, 2014 02:24
Progressively Enhanced Navigation
This file contains hidden or 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
| *, | |
| *:before, | |
| *:after { | |
| box-sizing: border-box; | |
| } |
jonyablonski
/ gist:fe163d851d22bdbdb556
Created
December 22, 2014 14:07
Normalize text-rendering in Firefox on OSX
This file contains hidden or 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
| -moz-osx-font-smoothing: grayscale; |