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