Catherine Azzarello azzcatdesign
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 Custom Nucleo Font Icons to Shiftnav Plugin | |
| */ | |
| add_action( 'shiftnav_register_icons' , 'nucleo_custom_icons' , 20 ); | |
| function nucleo_custom_icons(){ | |
| if( !function_exists( 'shiftnav_register_icons' ) ) return; | |
| shiftnav_register_icons( 'nucleo' , array( | |
| 'title' => 'KE_icon_font', | |
| 'class_prefix' => 'nc-', | |
| 'iconmap' => array( |
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
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| %overscan { | |
| padding: 5% 5% 7.5%; | |
| } | |
| %real_stb { | |
| @extend %overscan; |
azzcatdesign
/ index.html
Created
July 4, 2013 19:00
A CodePen by Chris Coyier. Percentage sized and still centered - Translate() has to be used instead of negative top margin, because that is based on width which doesn't work.
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
| <div> | |
| Percentage sized and still centered. | |
| </div> |
azzcatdesign
/ index.html
Created
April 9, 2013 19:49
A CodePen by Catherine Azzarello. SVG background image demo - Rebuilding old site with image background. I adjusted the white/gray texture to match client's colors and use on new site.
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
| <!-- Yo, edit me! --> | |
| <!-- This SVG will be encoded as a base64 --> | |
| <!-- image for cross-browser compatibility --> | |
| <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6' height='6'> | |
| <rect width='6' height='6' fill='#ded8cc'/> | |
| <g id='c'> | |
| <rect width='3' height='3' fill='#bfab91'/> | |
| <rect y='1' width='3' height='2' fill='#eee'/> | |
| </g> | |
| <use xlink:href='#c' x='3' y='3'/> |
azzcatdesign
/ dabblet.css
Created
February 9, 2012 03:30
— forked from LeaVerou/dabblet.css
Move in a circle without wrapper elements
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
| /** | |
| * Move in a circle without wrapper elements | |
| * Idea by Aryeh Gregor, simplified by Lea Verou | |
| */ | |
| @keyframes rot { | |
| from { | |
| transform: rotate(0deg) | |
| translate(-150px) | |
| rotate(0deg); |