Skip to content

Instantly share code, notes, and snippets.

@Ashkanph
Created April 19, 2017 13:38
Show Gist options
  • Save Ashkanph/f8b84a16a826b80a3dd7e2068a24d5e0 to your computer and use it in GitHub Desktop.
Save Ashkanph/f8b84a16a826b80a3dd7e2068a24d5e0 to your computer and use it in GitHub Desktop.
Combining two font awesome icons
/*
* Use it in pug:
*
* span.fa-stack.combined-icons
* i.fa.fa-map.fa-stack-2x.awesomeEntity
* i.fa.fa-heartbeat.fa-stack-1x.awesomeAction
*/
.combined-icons{
display: block;
margin: 0 auto;
}
.fa{
text-shadow: 1px 1px 2px #000;
}
.awesomeEntity, .awesomeAction {
color: white;
}
.awesomeEntity {
font-size: 4rem;
text-shadow: 1px 1px 2px #000;
}
.awesomeAction {
font-size: 100%;
margin: 10% 0 0 30%;
text-shadow: -1px 0 black, 0 2px 3px black, 2px 0 3px black, 0 -1px black;
}
/* awesomeBlue */
span.awesomeBlue i {
color: #2E5888;
}
span.awesomeBlue i.awesomeAction {
text-shadow: -1px 0 white, 0 2px 3px black, 2px 0 3px black, 0 -1px white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment