/*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com * * * * * Modified by Marco F. Cavaliere * ------------------------------------------------------- * Support for dinamic prefix. * From now on you can change the variable $sprite-prefix in order to avoid conflicts with * compass sprite generator. * * Twitter: http://twitter.com/ilproff77 * */ $fontAwesomePath: "../font" !default; $borderColor: #eee; $iconMuted: #eee; $sprite-prefix: "icon-"; @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; border-radius: $radius; } @font-face { font-family: 'FontAwesome'; src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?v=3.0.1'); src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?#iefix&v=3.0.1') format("embedded-opentype"), url('#{$fontAwesomePath}/fontawesome-webfont.woff?v=3.0.1') format("woff"), url('#{$fontAwesomePath}/fontawesome-webfont.ttf?v=3.0.1') format("truetype"); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="#{#{$sprite-prefix}}"], [class*=" #{$sprite-prefix}"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .#{$sprite-prefix}white, .nav-pills > .active > a > [class^="#{$sprite-prefix}"], .nav-pills > .active > a > [class*=" #{$sprite-prefix}"], .nav-list > .active > a > [class^="#{$sprite-prefix}"], .nav-list > .active > a > [class*=" #{$sprite-prefix}"], .navbar-inverse .nav > .active > a > [class^="#{$sprite-prefix}"], .navbar-inverse .nav > .active > a > [class*=" #{$sprite-prefix}"], .dropdown-menu > li > a:hover > [class^="#{$sprite-prefix}"], .dropdown-menu > li > a:hover > [class*=" #{$sprite-prefix}"], .dropdown-menu > .active > a > [class^="#{$sprite-prefix}"], .dropdown-menu > .active > a > [class*=" #{$sprite-prefix}"], .dropdown-submenu:hover > a > [class*=" #{$sprite-prefix}"], .dropdown-submenu:hover > a > [class*=" #{$sprite-prefix}"] { background-image: none; } [class^="#{$sprite-prefix}"]:before, [class*=" #{$sprite-prefix}"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a { [class^="#{$sprite-prefix}"], [class*=" #{$sprite-prefix}"] { display: inline-block; } } /* makes the font 33% larger relative to the icon container */ .#{$sprite-prefix}large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .btn, .nav { [class^="#{$sprite-prefix}"], [class*=" #{$sprite-prefix}"] { display: inline; /* keeps button heights with and without icons the same */ &.#{$sprite-prefix}large { line-height: .9em; } &.#{$sprite-prefix}spin { display: inline-block; } } } .nav-tabs, .nav-pills { [class^="#{$sprite-prefix}"], [class*=" #{$sprite-prefix}"] { /* keeps button heights with and without icons the same */ &, &.#{$sprite-prefix}large { line-height: .9em; } } } li, .nav li { [class^="#{$sprite-prefix}"], [class*=" #{$sprite-prefix}"] { display: inline-block; width: 1.25em; text-align: center; &.#{$sprite-prefix}large { /* increased font size for icon-large */ width: 1.5625em; } } } ul.#{$sprite-prefix}s { list-style-type: none; text-indent: -.75em; li { [class^="#{$sprite-prefix}"], [class*=" #{$sprite-prefix}"] { width: .75em; } } } .#{$sprite-prefix}muted { color: $iconMuted; } // Icon Borders // ------------------------- .#{$sprite-prefix}border { border: solid 1px $borderColor; padding: .2em .25em .15em; @include border-radius(3px); } // Icon Sizes // ------------------------- .#{$sprite-prefix}2x { font-size: 2em; &.#{$sprite-prefix}border { border-width: 2px; @include border-radius(4px); } } .#{$sprite-prefix}3x { font-size: 3em; &.#{$sprite-prefix}border { border-width: 3px; @include border-radius(5px); } } .#{$sprite-prefix}4x { font-size: 4em; &.#{$sprite-prefix}border { border-width: 4px; @include border-radius(6px); } } // Floats // ------------------------- // Quick floats .pull-right { float: right; } .pull-left { float: left; } [class^="#{$sprite-prefix}"], [class*=" #{$sprite-prefix}"] { &.pull-left { margin-right: .3em; } &.pull-right { margin-left: .3em; } } .btn { [class^="#{$sprite-prefix}"], [class*=" #{$sprite-prefix}"] { &.pull-left, &.pull-right { &.#{$sprite-prefix}2x { margin-top: .18em; } } &.#{$sprite-prefix}spin.#{$sprite-prefix}large { line-height: .8em; } } } .btn.btn-small { [class^="#{$sprite-prefix}"], [class*=" #{$sprite-prefix}"] { &.pull-left, &.pull-right { &.#{$sprite-prefix}2x { margin-top: .25em; } } } } .btn.btn-large { [class^="#{$sprite-prefix}"], [class*=" #{$sprite-prefix}"] { margin-top: 0; // overrides bootstrap default &.pull-left, &.pull-right { &.#{$sprite-prefix}2x { margin-top: .05em; } } &.pull-left.#{$sprite-prefix}2x { margin-right: .2em; } &.pull-right.#{$sprite-prefix}2x { margin-left: .2em; } } } .#{$sprite-prefix}spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-moz-document url-prefix() { .#{$sprite-prefix}spin { height: .9em; } .btn .#{$sprite-prefix}spin { height: auto; } .#{$sprite-prefix}spin.#{$sprite-prefix}large { height: 1.25em; } .btn .#{$sprite-prefix}spin.#{$sprite-prefix}large { height: .75em; } } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .#{$sprite-prefix}glass:before { content: "\f000"; } .#{$sprite-prefix}music:before { content: "\f001"; } .#{$sprite-prefix}search:before { content: "\f002"; } .#{$sprite-prefix}envelope:before { content: "\f003"; } .#{$sprite-prefix}heart:before { content: "\f004"; } .#{$sprite-prefix}star:before { content: "\f005"; } .#{$sprite-prefix}star-empty:before { content: "\f006"; } .#{$sprite-prefix}user:before { content: "\f007"; } .#{$sprite-prefix}film:before { content: "\f008"; } .#{$sprite-prefix}th-large:before { content: "\f009"; } .#{$sprite-prefix}th:before { content: "\f00a"; } .#{$sprite-prefix}th-list:before { content: "\f00b"; } .#{$sprite-prefix}ok:before { content: "\f00c"; } .#{$sprite-prefix}remove:before { content: "\f00d"; } .#{$sprite-prefix}zoom-in:before { content: "\f00e"; } .#{$sprite-prefix}zoom-out:before { content: "\f010"; } .#{$sprite-prefix}off:before { content: "\f011"; } .#{$sprite-prefix}signal:before { content: "\f012"; } .#{$sprite-prefix}cog:before { content: "\f013"; } .#{$sprite-prefix}trash:before { content: "\f014"; } .#{$sprite-prefix}home:before { content: "\f015"; } .#{$sprite-prefix}file:before { content: "\f016"; } .#{$sprite-prefix}time:before { content: "\f017"; } .#{$sprite-prefix}road:before { content: "\f018"; } .#{$sprite-prefix}download-alt:before { content: "\f019"; } .#{$sprite-prefix}download:before { content: "\f01a"; } .#{$sprite-prefix}upload:before { content: "\f01b"; } .#{$sprite-prefix}inbox:before { content: "\f01c"; } .#{$sprite-prefix}play-circle:before { content: "\f01d"; } .#{$sprite-prefix}repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .#{$sprite-prefix}refresh:before { content: "\f021"; } .#{$sprite-prefix}list-alt:before { content: "\f022"; } .#{$sprite-prefix}lock:before { content: "\f023"; } .#{$sprite-prefix}flag:before { content: "\f024"; } .#{$sprite-prefix}headphones:before { content: "\f025"; } .#{$sprite-prefix}volume-off:before { content: "\f026"; } .#{$sprite-prefix}volume-down:before { content: "\f027"; } .#{$sprite-prefix}volume-up:before { content: "\f028"; } .#{$sprite-prefix}qrcode:before { content: "\f029"; } .#{$sprite-prefix}barcode:before { content: "\f02a"; } .#{$sprite-prefix}tag:before { content: "\f02b"; } .#{$sprite-prefix}tags:before { content: "\f02c"; } .#{$sprite-prefix}book:before { content: "\f02d"; } .#{$sprite-prefix}bookmark:before { content: "\f02e"; } .#{$sprite-prefix}print:before { content: "\f02f"; } .#{$sprite-prefix}camera:before { content: "\f030"; } .#{$sprite-prefix}font:before { content: "\f031"; } .#{$sprite-prefix}bold:before { content: "\f032"; } .#{$sprite-prefix}italic:before { content: "\f033"; } .#{$sprite-prefix}text-height:before { content: "\f034"; } .#{$sprite-prefix}text-width:before { content: "\f035"; } .#{$sprite-prefix}align-left:before { content: "\f036"; } .#{$sprite-prefix}align-center:before { content: "\f037"; } .#{$sprite-prefix}align-right:before { content: "\f038"; } .#{$sprite-prefix}align-justify:before { content: "\f039"; } .#{$sprite-prefix}list:before { content: "\f03a"; } .#{$sprite-prefix}indent-left:before { content: "\f03b"; } .#{$sprite-prefix}indent-right:before { content: "\f03c"; } .#{$sprite-prefix}facetime-video:before { content: "\f03d"; } .#{$sprite-prefix}picture:before { content: "\f03e"; } .#{$sprite-prefix}pencil:before { content: "\f040"; } .#{$sprite-prefix}map-marker:before { content: "\f041"; } .#{$sprite-prefix}adjust:before { content: "\f042"; } .#{$sprite-prefix}tint:before { content: "\f043"; } .#{$sprite-prefix}edit:before { content: "\f044"; } .#{$sprite-prefix}share:before { content: "\f045"; } .#{$sprite-prefix}check:before { content: "\f046"; } .#{$sprite-prefix}move:before { content: "\f047"; } .#{$sprite-prefix}step-backward:before { content: "\f048"; } .#{$sprite-prefix}fast-backward:before { content: "\f049"; } .#{$sprite-prefix}backward:before { content: "\f04a"; } .#{$sprite-prefix}play:before { content: "\f04b"; } .#{$sprite-prefix}pause:before { content: "\f04c"; } .#{$sprite-prefix}stop:before { content: "\f04d"; } .#{$sprite-prefix}forward:before { content: "\f04e"; } .#{$sprite-prefix}fast-forward:before { content: "\f050"; } .#{$sprite-prefix}step-forward:before { content: "\f051"; } .#{$sprite-prefix}eject:before { content: "\f052"; } .#{$sprite-prefix}chevron-left:before { content: "\f053"; } .#{$sprite-prefix}chevron-right:before { content: "\f054"; } .#{$sprite-prefix}plus-sign:before { content: "\f055"; } .#{$sprite-prefix}minus-sign:before { content: "\f056"; } .#{$sprite-prefix}remove-sign:before { content: "\f057"; } .#{$sprite-prefix}ok-sign:before { content: "\f058"; } .#{$sprite-prefix}question-sign:before { content: "\f059"; } .#{$sprite-prefix}info-sign:before { content: "\f05a"; } .#{$sprite-prefix}screenshot:before { content: "\f05b"; } .#{$sprite-prefix}remove-circle:before { content: "\f05c"; } .#{$sprite-prefix}ok-circle:before { content: "\f05d"; } .#{$sprite-prefix}ban-circle:before { content: "\f05e"; } .#{$sprite-prefix}arrow-left:before { content: "\f060"; } .#{$sprite-prefix}arrow-right:before { content: "\f061"; } .#{$sprite-prefix}arrow-up:before { content: "\f062"; } .#{$sprite-prefix}arrow-down:before { content: "\f063"; } .#{$sprite-prefix}share-alt:before { content: "\f064"; } .#{$sprite-prefix}resize-full:before { content: "\f065"; } .#{$sprite-prefix}resize-small:before { content: "\f066"; } .#{$sprite-prefix}plus:before { content: "\f067"; } .#{$sprite-prefix}minus:before { content: "\f068"; } .#{$sprite-prefix}asterisk:before { content: "\f069"; } .#{$sprite-prefix}exclamation-sign:before { content: "\f06a"; } .#{$sprite-prefix}gift:before { content: "\f06b"; } .#{$sprite-prefix}leaf:before { content: "\f06c"; } .#{$sprite-prefix}fire:before { content: "\f06d"; } .#{$sprite-prefix}eye-open:before { content: "\f06e"; } .#{$sprite-prefix}eye-close:before { content: "\f070"; } .#{$sprite-prefix}warning-sign:before { content: "\f071"; } .#{$sprite-prefix}plane:before { content: "\f072"; } .#{$sprite-prefix}calendar:before { content: "\f073"; } .#{$sprite-prefix}random:before { content: "\f074"; } .#{$sprite-prefix}comment:before { content: "\f075"; } .#{$sprite-prefix}magnet:before { content: "\f076"; } .#{$sprite-prefix}chevron-up:before { content: "\f077"; } .#{$sprite-prefix}chevron-down:before { content: "\f078"; } .#{$sprite-prefix}retweet:before { content: "\f079"; } .#{$sprite-prefix}shopping-cart:before { content: "\f07a"; } .#{$sprite-prefix}folder-close:before { content: "\f07b"; } .#{$sprite-prefix}folder-open:before { content: "\f07c"; } .#{$sprite-prefix}resize-vertical:before { content: "\f07d"; } .#{$sprite-prefix}resize-horizontal:before { content: "\f07e"; } .#{$sprite-prefix}bar-chart:before { content: "\f080"; } .#{$sprite-prefix}twitter-sign:before { content: "\f081"; } .#{$sprite-prefix}facebook-sign:before { content: "\f082"; } .#{$sprite-prefix}camera-retro:before { content: "\f083"; } .#{$sprite-prefix}key:before { content: "\f084"; } .#{$sprite-prefix}cogs:before { content: "\f085"; } .#{$sprite-prefix}comments:before { content: "\f086"; } .#{$sprite-prefix}thumbs-up:before { content: "\f087"; } .#{$sprite-prefix}thumbs-down:before { content: "\f088"; } .#{$sprite-prefix}star-half:before { content: "\f089"; } .#{$sprite-prefix}heart-empty:before { content: "\f08a"; } .#{$sprite-prefix}signout:before { content: "\f08b"; } .#{$sprite-prefix}linkedin-sign:before { content: "\f08c"; } .#{$sprite-prefix}pushpin:before { content: "\f08d"; } .#{$sprite-prefix}external-link:before { content: "\f08e"; } .#{$sprite-prefix}signin:before { content: "\f090"; } .#{$sprite-prefix}trophy:before { content: "\f091"; } .#{$sprite-prefix}github-sign:before { content: "\f092"; } .#{$sprite-prefix}upload-alt:before { content: "\f093"; } .#{$sprite-prefix}lemon:before { content: "\f094"; } .#{$sprite-prefix}phone:before { content: "\f095"; } .#{$sprite-prefix}check-empty:before { content: "\f096"; } .#{$sprite-prefix}bookmark-empty:before { content: "\f097"; } .#{$sprite-prefix}phone-sign:before { content: "\f098"; } .#{$sprite-prefix}twitter:before { content: "\f099"; } .#{$sprite-prefix}facebook:before { content: "\f09a"; } .#{$sprite-prefix}github:before { content: "\f09b"; } .#{$sprite-prefix}unlock:before { content: "\f09c"; } .#{$sprite-prefix}credit-card:before { content: "\f09d"; } .#{$sprite-prefix}rss:before { content: "\f09e"; } .#{$sprite-prefix}hdd:before { content: "\f0a0"; } .#{$sprite-prefix}bullhorn:before { content: "\f0a1"; } .#{$sprite-prefix}bell:before { content: "\f0a2"; } .#{$sprite-prefix}certificate:before { content: "\f0a3"; } .#{$sprite-prefix}hand-right:before { content: "\f0a4"; } .#{$sprite-prefix}hand-left:before { content: "\f0a5"; } .#{$sprite-prefix}hand-up:before { content: "\f0a6"; } .#{$sprite-prefix}hand-down:before { content: "\f0a7"; } .#{$sprite-prefix}circle-arrow-left:before { content: "\f0a8"; } .#{$sprite-prefix}circle-arrow-right:before { content: "\f0a9"; } .#{$sprite-prefix}circle-arrow-up:before { content: "\f0aa"; } .#{$sprite-prefix}circle-arrow-down:before { content: "\f0ab"; } .#{$sprite-prefix}globe:before { content: "\f0ac"; } .#{$sprite-prefix}wrench:before { content: "\f0ad"; } .#{$sprite-prefix}tasks:before { content: "\f0ae"; } .#{$sprite-prefix}filter:before { content: "\f0b0"; } .#{$sprite-prefix}briefcase:before { content: "\f0b1"; } .#{$sprite-prefix}fullscreen:before { content: "\f0b2"; } .#{$sprite-prefix}group:before { content: "\f0c0"; } .#{$sprite-prefix}link:before { content: "\f0c1"; } .#{$sprite-prefix}cloud:before { content: "\f0c2"; } .#{$sprite-prefix}beaker:before { content: "\f0c3"; } .#{$sprite-prefix}cut:before { content: "\f0c4"; } .#{$sprite-prefix}copy:before { content: "\f0c5"; } .#{$sprite-prefix}paper-clip:before { content: "\f0c6"; } .#{$sprite-prefix}save:before { content: "\f0c7"; } .#{$sprite-prefix}sign-blank:before { content: "\f0c8"; } .#{$sprite-prefix}reorder:before { content: "\f0c9"; } .#{$sprite-prefix}list-ul:before { content: "\f0ca"; } .#{$sprite-prefix}list-ol:before { content: "\f0cb"; } .#{$sprite-prefix}strikethrough:before { content: "\f0cc"; } .#{$sprite-prefix}underline:before { content: "\f0cd"; } .#{$sprite-prefix}table:before { content: "\f0ce"; } .#{$sprite-prefix}magic:before { content: "\f0d0"; } .#{$sprite-prefix}truck:before { content: "\f0d1"; } .#{$sprite-prefix}pinterest:before { content: "\f0d2"; } .#{$sprite-prefix}pinterest-sign:before { content: "\f0d3"; } .#{$sprite-prefix}google-plus-sign:before { content: "\f0d4"; } .#{$sprite-prefix}google-plus:before { content: "\f0d5"; } .#{$sprite-prefix}money:before { content: "\f0d6"; } .#{$sprite-prefix}caret-down:before { content: "\f0d7"; } .#{$sprite-prefix}caret-up:before { content: "\f0d8"; } .#{$sprite-prefix}caret-left:before { content: "\f0d9"; } .#{$sprite-prefix}caret-right:before { content: "\f0da"; } .#{$sprite-prefix}columns:before { content: "\f0db"; } .#{$sprite-prefix}sort:before { content: "\f0dc"; } .#{$sprite-prefix}sort-down:before { content: "\f0dd"; } .#{$sprite-prefix}sort-up:before { content: "\f0de"; } .#{$sprite-prefix}envelope-alt:before { content: "\f0e0"; } .#{$sprite-prefix}linkedin:before { content: "\f0e1"; } .#{$sprite-prefix}undo:before { content: "\f0e2"; } .#{$sprite-prefix}legal:before { content: "\f0e3"; } .#{$sprite-prefix}dashboard:before { content: "\f0e4"; } .#{$sprite-prefix}comment-alt:before { content: "\f0e5"; } .#{$sprite-prefix}comments-alt:before { content: "\f0e6"; } .#{$sprite-prefix}bolt:before { content: "\f0e7"; } .#{$sprite-prefix}sitemap:before { content: "\f0e8"; } .#{$sprite-prefix}umbrella:before { content: "\f0e9"; } .#{$sprite-prefix}paste:before { content: "\f0ea"; } .#{$sprite-prefix}lightbulb:before { content: "\f0eb"; } .#{$sprite-prefix}exchange:before { content: "\f0ec"; } .#{$sprite-prefix}cloud-download:before { content: "\f0ed"; } .#{$sprite-prefix}cloud-upload:before { content: "\f0ee"; } .#{$sprite-prefix}user-md:before { content: "\f0f0"; } .#{$sprite-prefix}stethoscope:before { content: "\f0f1"; } .#{$sprite-prefix}suitcase:before { content: "\f0f2"; } .#{$sprite-prefix}bell-alt:before { content: "\f0f3"; } .#{$sprite-prefix}coffee:before { content: "\f0f4"; } .#{$sprite-prefix}food:before { content: "\f0f5"; } .#{$sprite-prefix}file-alt:before { content: "\f0f6"; } .#{$sprite-prefix}building:before { content: "\f0f7"; } .#{$sprite-prefix}hospital:before { content: "\f0f8"; } .#{$sprite-prefix}ambulance:before { content: "\f0f9"; } .#{$sprite-prefix}medkit:before { content: "\f0fa"; } .#{$sprite-prefix}fighter-jet:before { content: "\f0fb"; } .#{$sprite-prefix}beer:before { content: "\f0fc"; } .#{$sprite-prefix}h-sign:before { content: "\f0fd"; } .#{$sprite-prefix}plus-sign-alt:before { content: "\f0fe"; } .#{$sprite-prefix}double-angle-left:before { content: "\f100"; } .#{$sprite-prefix}double-angle-right:before { content: "\f101"; } .#{$sprite-prefix}double-angle-up:before { content: "\f102"; } .#{$sprite-prefix}double-angle-down:before { content: "\f103"; } .#{$sprite-prefix}angle-left:before { content: "\f104"; } .#{$sprite-prefix}angle-right:before { content: "\f105"; } .#{$sprite-prefix}angle-up:before { content: "\f106"; } .#{$sprite-prefix}angle-down:before { content: "\f107"; } .#{$sprite-prefix}desktop:before { content: "\f108"; } .#{$sprite-prefix}laptop:before { content: "\f109"; } .#{$sprite-prefix}tablet:before { content: "\f10a"; } .#{$sprite-prefix}mobile-phone:before { content: "\f10b"; } .#{$sprite-prefix}circle-blank:before { content: "\f10c"; } .#{$sprite-prefix}quote-left:before { content: "\f10d"; } .#{$sprite-prefix}quote-right:before { content: "\f10e"; } .#{$sprite-prefix}spinner:before { content: "\f110"; } .#{$sprite-prefix}circle:before { content: "\f111"; } .#{$sprite-prefix}reply:before { content: "\f112"; } .#{$sprite-prefix}github-alt:before { content: "\f113"; } .#{$sprite-prefix}folder-close-alt:before { content: "\f114"; } .#{$sprite-prefix}folder-open-alt:before { content: "\f115"; }