@import "font-awesome/scss/variables"; @import "font-awesome/scss/core"; @import "font-awesome/scss/icons"; @font-face { font-family: FontAwesome; src: url("~font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("~font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("~font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("~font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("~font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("~font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } // new file icon .#{$fa-css-prefix}-file-new-o:before { content: $fa-var-file-o; } .#{$fa-css-prefix}-file-new-o:after { content: $fa-var-plus; position: relative; margin-left: -1em; font-size: 0.5em; } // alias for alert types - allows class="fa fa-{{alertType}}" .fa-success::before { content: $fa-var-check; } .fa-danger::before { content: $fa-var-exclamation-circle; }