Skip to content

Instantly share code, notes, and snippets.

@alecbz

alecbz/callout.css

Created April 29, 2020 23:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alecbz/7d894a03e493a4b7908b38f6684d95cd to your computer and use it in GitHub Desktop.
Save alecbz/7d894a03e493a4b7908b38f6684d95cd to your computer and use it in GitHub Desktop.
Download ZIP
Raw
callout.css
/* rendered css */
.info { background-color: #eff4ff; padding: 25px; }
.info:before { content: "\f05a"; padding-right: 10px; }
.info:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; }
.info:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; }
Raw
callout.scss
// scss (using font-awesome's sass distribution: https://fontawesome.com/how-to-use/on-the-web/using-with/sass)
.info {
background-color: rgb(239, 244, 255);
padding: 25px;
&:before {
@extend %fa-icon;
@extend .fas;
content: fa-content($fa-var-info-circle);
padding-right: 10px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment