Charlie Cathcart pixelchar
pixelchar
/ translate-mixin.scss
Last active
December 22, 2015 23:59
Sass translate mixin to avoid writing vendor prefixes
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
| @mixin translate (@x, @y) { | |
| -webkit-transform: translate(@x, @y); | |
| -moz-transform: translate(@x, @y); | |
| -ms-transform: translate(@x, @y); | |
| -o-transform: translate(@x, @y); | |
| transform: translate(@x, @y); | |
| } |
pixelchar
/ transition-mixin.scss
Last active
December 22, 2015 23:59
Sass transition mixin to avoid writing vendor prefixes
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
| @mixin transition(@string: all 0.3s ease-out) { | |
| -webkit-transition: @string; | |
| -moz-transition: @string; | |
| -ms-transition: @string; | |
| -o-transition: @string; | |
| transition: @string; | |
| } |
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
| font-family: Futura, "Trebuchet MS", Arial, sans-serif; |
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
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
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
| font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; |
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
| font-family: Georgia, Times, "Times New Roman", serif; |
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
| font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; |
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
| font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace; |
pixelchar
/ breadcrumb-nav.html
Created
September 17, 2013 13:34
Accessible breadcrumb navigation markup
pixelchar
/ iOS-icons.html
Created
September 20, 2013 18:21
All the possible icons for iOS with the introduction of iOS 7.
http://mths.be/boy
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
| <!-- non-retina iPhone pre iOS 7 --> | |
| <link rel="apple-touch-icon" href="icon57.png" sizes="57x57"> | |
| <!-- non-retina iPad pre iOS 7 --> | |
| <link rel="apple-touch-icon" href="icon72.png" sizes="72x72"> | |
| <!-- non-retina iPad iOS 7 --> |