Created
June 14, 2013 18:52
-
-
Save Scotchester/5784292 to your computer and use it in GitHub Desktop.
A CodePen by Scott Cranfill.
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
| <link href="" rel="stylesheet"> | |
| <ul class="menu"> | |
| <li><a href=""> | |
| <span class="icon-stack"> | |
| <i class="icon-circle icon-stack-base"></i> | |
| <i class="icon-plus icon-light"></i> | |
| </span> | |
| Read the full policy | |
| </a></li> | |
| <li><a href=""> | |
| <span class="icon-stack"> | |
| <i class="icon-circle icon-stack-base"></i> | |
| <i class="icon-print icon-light"></i> | |
| </span> | |
| Print this page | |
| </a></li> | |
| <li><a href=""> | |
| <span class="icon-stack"> | |
| <i class="icon-circle icon-stack-base"></i> | |
| <i class="icon-save icon-light"></i> | |
| </span> | |
| Save this page (PDF) | |
| </a></li> | |
| </ul> |
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 Awesome imported from CDN in this pane's settings. | |
| .menu { | |
| padding: 1em 1.5em; | |
| background: #EBE8E5; | |
| list-style: none; | |
| } | |
| a { | |
| display: block; | |
| padding: 0.5em 0; | |
| color: black; | |
| font-family: "Helvetica Neue", Arial, sans-serif; | |
| text-decoration: none; | |
| } | |
| .icon-stack { | |
| margin-right: 0.5em; | |
| font-size: 1.5em; | |
| } | |
| // Uncomment display property below to see the fix. | |
| a .icon-stack { | |
| //display: inline-block; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment