Last active
November 19, 2024 12:39
-
-
Save blowsie/15f8fe303383e361958bd53ecb7294f9 to your computer and use it in GitHub Desktop.
Map glyphicon icons to font-awesome
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $fa-font-path: "~font-awesome/fonts"; | |
| @import '~font-awesome/scss/font-awesome'; | |
| .glyphicon { | |
| @extend .fa; | |
| &.glyphicon-asterisk { | |
| @extend .fa-asterisk; | |
| } | |
| &.glyphicon-plus { | |
| @extend .fa-plus; | |
| } | |
| &.glyphicon-euro, | |
| &.glyphicon-eur { | |
| @extend .fa-eur; | |
| } | |
| &.glyphicon-minus { | |
| @extend .fa-minus; | |
| } | |
| &.glyphicon-cloud { | |
| @extend .fa-cloud; | |
| } | |
| &.glyphicon-envelope { | |
| @extend .fa-envelope; | |
| } | |
| &.glyphicon-pencil { | |
| @extend .fa-pencil; | |
| } | |
| &.glyphicon-glass { | |
| @extend .fa-glass; | |
| } | |
| &.glyphicon-music { | |
| @extend .fa-music; | |
| } | |
| &.glyphicon-search { | |
| @extend .fa-search; | |
| } | |
| &.glyphicon-heart { | |
| @extend .fa-heart; | |
| } | |
| &.glyphicon-star { | |
| @extend .fa-star; | |
| } | |
| &.glyphicon-star-empty { | |
| @extend .fa-star-o; | |
| } | |
| &.glyphicon-user { | |
| @extend .fa-user; | |
| } | |
| &.glyphicon-film { | |
| @extend .fa-film; | |
| } | |
| &.glyphicon-th-large { | |
| @extend .fa-th-large; | |
| } | |
| &.glyphicon-th { | |
| @extend .fa-th; | |
| } | |
| &.glyphicon-th-list { | |
| @extend .fa-th-list; | |
| } | |
| &.glyphicon-ok { | |
| @extend .fa-check; | |
| } | |
| &.glyphicon-remove { | |
| @extend .fa-remove; | |
| } | |
| &.glyphicon-zoom-in { | |
| @extend .fa-search-plus; | |
| } | |
| &.glyphicon-zoom-out { | |
| @extend .fa-search-minus; | |
| } | |
| &.glyphicon-off { | |
| @extend .fa-power-off; | |
| } | |
| &.glyphicon-signal { | |
| @extend .fa-signal; | |
| } | |
| &.glyphicon-cog { | |
| @extend .fa-cog; | |
| } | |
| &.glyphicon-trash { | |
| @extend .fa-trash; | |
| } | |
| &.glyphicon-home { | |
| @extend .fa-home; | |
| } | |
| &.glyphicon-file { | |
| @extend .fa-file; | |
| } | |
| &.glyphicon-time { | |
| @extend .fa-clock-o; | |
| } | |
| &.glyphicon-road { | |
| @extend .fa-road; | |
| } | |
| &.glyphicon-download-alt { | |
| @extend .fa-cloud-download; | |
| } | |
| &.glyphicon-download { | |
| @extend .fa-download; | |
| } | |
| &.glyphicon-upload { | |
| @extend .fa-upload; | |
| } | |
| &.glyphicon-inbox { | |
| @extend .fa-inbox; | |
| } | |
| &.glyphicon-play-circle { | |
| @extend .fa-play-circle; | |
| } | |
| &.glyphicon-repeat { | |
| @extend .fa-repeat; | |
| } | |
| &.glyphicon-refresh { | |
| @extend .fa-refresh; | |
| } | |
| &.glyphicon-list-alt { | |
| @extend .fa-list-alt; | |
| } | |
| &.glyphicon-lock { | |
| @extend .fa-lock; | |
| } | |
| &.glyphicon-flag { | |
| @extend .fa-flag; | |
| } | |
| &.glyphicon-headphones { | |
| @extend .fa-headphones; | |
| } | |
| &.glyphicon-volume-off { | |
| @extend .fa-volume-off; | |
| } | |
| &.glyphicon-volume-down { | |
| @extend .fa-volume-down; | |
| } | |
| &.glyphicon-volume-up { | |
| @extend .fa-volume-up; | |
| } | |
| &.glyphicon-qrcode { | |
| @extend .fa-qrcode; | |
| } | |
| &.glyphicon-barcode { | |
| @extend .fa-barcode; | |
| } | |
| &.glyphicon-tag { | |
| @extend .fa-tag; | |
| } | |
| &.glyphicon-tags { | |
| @extend .fa-tags; | |
| } | |
| &.glyphicon-book { | |
| @extend .fa-book; | |
| } | |
| &.glyphicon-bookmark { | |
| @extend .fa-bookmark; | |
| } | |
| &.glyphicon-print { | |
| @extend .fa-print; | |
| } | |
| &.glyphicon-camera { | |
| @extend .fa-camera; | |
| } | |
| &.glyphicon-font { | |
| @extend .fa-font; | |
| } | |
| &.glyphicon-bold { | |
| @extend .fa-bold; | |
| } | |
| &.glyphicon-italic { | |
| @extend .fa-italic; | |
| } | |
| &.glyphicon-text-height { | |
| @extend .fa-text-height; | |
| } | |
| &.glyphicon-text-width { | |
| @extend .fa-text-width; | |
| } | |
| &.glyphicon-align-left { | |
| @extend .fa-align-left; | |
| } | |
| &.glyphicon-align-center { | |
| @extend .fa-align-center; | |
| } | |
| &.glyphicon-align-right { | |
| @extend .fa-align-right; | |
| } | |
| &.glyphicon-align-justify { | |
| @extend .fa-align-justify; | |
| } | |
| &.glyphicon-list { | |
| @extend .fa-list; | |
| } | |
| &.glyphicon-indent-left { | |
| @extend .fa-indent; | |
| } | |
| &.glyphicon-indent-right { | |
| @extend .fa-outdent; | |
| } | |
| &.glyphicon-facetime-video { | |
| @extend .fa-video-camera; | |
| } | |
| &.glyphicon-picture { | |
| @extend .fa-picture-o; | |
| } | |
| &.glyphicon-map-marker { | |
| @extend .fa-map-marker; | |
| } | |
| &.glyphicon-adjust { | |
| @extend .fa-adjust; | |
| } | |
| &.glyphicon-tint { | |
| @extend .fa-tint; | |
| } | |
| &.glyphicon-edit { | |
| @extend .fa-edit; | |
| } | |
| &.glyphicon-share { | |
| @extend .fa-share; | |
| } | |
| &.glyphicon-check { | |
| @extend .fa-check; | |
| } | |
| &.glyphicon-move { | |
| @extend .fa-arrows; | |
| } | |
| &.glyphicon-step-backward { | |
| @extend .fa-step-backward; | |
| } | |
| &.glyphicon-fast-backward { | |
| @extend .fa-fast-backward; | |
| } | |
| &.glyphicon-backward { | |
| @extend .fa-backward; | |
| } | |
| &.glyphicon-play { | |
| @extend .fa-play; | |
| } | |
| &.glyphicon-pause { | |
| @extend .fa-pause; | |
| } | |
| &.glyphicon-stop { | |
| @extend .fa-stop; | |
| } | |
| &.glyphicon-forward { | |
| @extend .fa-forward; | |
| } | |
| &.glyphicon-fast-forward { | |
| @extend .fa-fast-forward; | |
| } | |
| &.glyphicon-step-forward { | |
| @extend .fa-step-forward; | |
| } | |
| &.glyphicon-eject { | |
| @extend .fa-eject; | |
| } | |
| &.glyphicon-chevron-left { | |
| @extend .fa-chevron-left; | |
| } | |
| &.glyphicon-chevron-right { | |
| @extend .fa-chevron-right; | |
| } | |
| &.glyphicon-plus-sign { | |
| @extend .fa-plus-circle; | |
| } | |
| &.glyphicon-minus-sign { | |
| @extend .fa-minus-circle; | |
| } | |
| &.glyphicon-remove-sign { | |
| @extend .fa-times-circle; | |
| } | |
| &.glyphicon-ok-sign { | |
| @extend .fa-check-circle; | |
| } | |
| &.glyphicon-question-sign { | |
| @extend .fa-question-circle; | |
| } | |
| &.glyphicon-info-sign { | |
| @extend .fa-info-circle; | |
| } | |
| &.glyphicon-screenshot { | |
| @extend .fa-crosshairs; | |
| } | |
| &.glyphicon-remove-circle { | |
| @extend .fa-times-circle; | |
| } | |
| &.glyphicon-ok-circle { | |
| @extend .fa-check-circle; | |
| } | |
| &.glyphicon-ban-circle { | |
| @extend .fa-ban; | |
| } | |
| &.glyphicon-arrow-left { | |
| @extend .fa-arrow-left; | |
| } | |
| &.glyphicon-arrow-right { | |
| @extend .fa-arrow-right; | |
| } | |
| &.glyphicon-arrow-up { | |
| @extend .fa-arrow-up; | |
| } | |
| &.glyphicon-arrow-down { | |
| @extend .fa-arrow-down; | |
| } | |
| &.glyphicon-share-alt { | |
| @extend .fa-share-alt; | |
| } | |
| &.glyphicon-resize-full { | |
| @extend .fa-expand; | |
| } | |
| &.glyphicon-resize-small { | |
| @extend .fa-compress; | |
| } | |
| &.glyphicon-exclamation-sign { | |
| @extend .fa-exclamation-circle; | |
| } | |
| &.glyphicon-gift { | |
| @extend .fa-gift; | |
| } | |
| &.glyphicon-leaf { | |
| @extend .fa-leaf; | |
| } | |
| &.glyphicon-fire { | |
| @extend .fa-fire; | |
| } | |
| &.glyphicon-eye-open { | |
| @extend .fa-eye; | |
| } | |
| &.glyphicon-eye-close { | |
| @extend .fa-eye-slash; | |
| } | |
| &.glyphicon-warning-sign { | |
| @extend .fa-exclamation-triangle; | |
| } | |
| &.glyphicon-plane { | |
| @extend .fa-plane; | |
| } | |
| &.glyphicon-calendar { | |
| @extend .fa-calendar; | |
| } | |
| &.glyphicon-random { | |
| @extend .fa-random; | |
| } | |
| &.glyphicon-comment { | |
| @extend .fa-comment; | |
| } | |
| &.glyphicon-magnet { | |
| @extend .fa-magnet; | |
| } | |
| &.glyphicon-chevron-up { | |
| @extend .fa-chevron-up; | |
| } | |
| &.glyphicon-chevron-down { | |
| @extend .fa-chevron-down; | |
| } | |
| &.glyphicon-retweet { | |
| @extend .fa-retweet; | |
| } | |
| &.glyphicon-shopping-cart { | |
| @extend .fa-shopping-cart; | |
| } | |
| &.glyphicon-folder-close { | |
| @extend .fa-folder; | |
| } | |
| &.glyphicon-folder-open { | |
| @extend .fa-folder-open; | |
| } | |
| &.glyphicon-resize-vertical { | |
| @extend .fa-arrows-v; | |
| } | |
| &.glyphicon-resize-horizontal { | |
| @extend .fa-arrows-h; | |
| } | |
| &.glyphicon-hdd { | |
| @extend .fa-hdd-o; | |
| } | |
| &.glyphicon-bullhorn { | |
| @extend .fa-bullhorn; | |
| } | |
| &.glyphicon-bell { | |
| @extend .fa-bell; | |
| } | |
| &.glyphicon-certificate { | |
| @extend .fa-certificate; | |
| } | |
| &.glyphicon-thumbs-up { | |
| @extend .fa-thumbs-up; | |
| } | |
| &.glyphicon-thumbs-down { | |
| @extend .fa-thumbs-down; | |
| } | |
| &.glyphicon-hand-right { | |
| @extend .fa-hand-o-right; | |
| } | |
| &.glyphicon-hand-left { | |
| @extend .fa-hand-o-left; | |
| } | |
| &.glyphicon-hand-up { | |
| @extend .fa-hand-o-up; | |
| } | |
| &.glyphicon-hand-down { | |
| @extend .fa-hand-o-down; | |
| } | |
| &.glyphicon-circle-arrow-right { | |
| @extend .fa-arrow-circle-right; | |
| } | |
| &.glyphicon-circle-arrow-left { | |
| @extend .fa-arrow-circle-left; | |
| } | |
| &.glyphicon-circle-arrow-up { | |
| @extend .fa-arrow-circle-up; | |
| } | |
| &.glyphicon-circle-arrow-down { | |
| @extend .fa-arrow-circle-down; | |
| } | |
| &.glyphicon-globe { | |
| @extend .fa-globe; | |
| } | |
| &.glyphicon-wrench { | |
| @extend .fa-wrench; | |
| } | |
| &.glyphicon-tasks { | |
| @extend .fa-tasks; | |
| } | |
| &.glyphicon-filter { | |
| @extend .fa-filter; | |
| } | |
| &.glyphicon-briefcase { | |
| @extend .fa-briefcase; | |
| } | |
| &.glyphicon-fullscreen { | |
| @extend .fa-expand; | |
| } | |
| &.glyphicon-dashboard { | |
| @extend .fa-dashboard; | |
| } | |
| &.glyphicon-paperclip { | |
| @extend .fa-paperclip; | |
| } | |
| &.glyphicon-heart-empty { | |
| @extend .fa-heart-o; | |
| } | |
| &.glyphicon-link { | |
| @extend .fa-link; | |
| } | |
| &.glyphicon-phone { | |
| @extend .fa-phone; | |
| } | |
| &.glyphicon-pushpin { | |
| @extend .fa-thumb-tack; | |
| } | |
| &.glyphicon-usd { | |
| @extend .fa-usd; | |
| } | |
| &.glyphicon-gbp { | |
| @extend .fa-gbp; | |
| } | |
| &.glyphicon-sort { | |
| @extend .fa-sort; | |
| } | |
| &.glyphicon-sort-by-alphabet { | |
| @extend .fa-sort-alpha-asc; | |
| } | |
| &.glyphicon-sort-by-alphabet-alt { | |
| @extend .fa-sort-alpha-desc; | |
| } | |
| &.glyphicon-sort-by-order { | |
| @extend .fa-sort-numeric-asc; | |
| } | |
| &.glyphicon-sort-by-order-alt { | |
| @extend .fa-sort-numeric-desc; | |
| } | |
| &.glyphicon-sort-by-attributes { | |
| @extend .fa-sort-amount-asc; | |
| } | |
| &.glyphicon-sort-by-attributes-alt { | |
| @extend .fa-sort-amount-desc; | |
| } | |
| &.glyphicon-unchecked { | |
| @extend .fa-square-o; | |
| } | |
| &.glyphicon-expand { | |
| @extend .fa-caret-square-o-right; | |
| } | |
| &.glyphicon-collapse-down { | |
| @extend .fa-caret-square-o-down; | |
| } | |
| &.glyphicon-collapse-up { | |
| @extend .fa-caret-square-o-up; | |
| } | |
| &.glyphicon-log-in { | |
| @extend .fa-sign-in; | |
| } | |
| &.glyphicon-flash { | |
| @extend .fa-flash; | |
| } | |
| &.glyphicon-log-out { | |
| @extend .fa-sign-out; | |
| } | |
| &.glyphicon-new-window { | |
| @extend .fa-external-link; | |
| } | |
| &.glyphicon-record { | |
| @extend .fa-dot-circle-o; | |
| } | |
| &.glyphicon-save { | |
| @extend .fa-save; | |
| } | |
| &.glyphicon-open { | |
| @extend .fa-upload; | |
| } | |
| &.glyphicon-saved { | |
| @extend .fa-check; | |
| } | |
| &.glyphicon-import { | |
| @extend .fa-upload; | |
| } | |
| &.glyphicon-export { | |
| @extend .fa-download; | |
| } | |
| &.glyphicon-send { | |
| @extend .fa-paper-plane-o; | |
| } | |
| &.glyphicon-floppy-disk { | |
| @extend .fa-save; | |
| } | |
| &.glyphicon-floppy-saved { | |
| @extend .fa-check; | |
| } | |
| &.glyphicon-floppy-remove { | |
| @extend .fa-remove; | |
| } | |
| &.glyphicon-floppy-save { | |
| @extend .fa-download; | |
| } | |
| &.glyphicon-floppy-open { | |
| @extend .fa-upload; | |
| } | |
| &.glyphicon-credit-card { | |
| @extend .fa-credit-card; | |
| } | |
| &.glyphicon-transfer { | |
| @extend .fa-exchange; | |
| } | |
| &.glyphicon-cutlery { | |
| @extend .fa-cutlery; | |
| } | |
| &.glyphicon-header { | |
| @extend .fa-header; | |
| } | |
| &.glyphicon-compressed { | |
| @extend .fa-file-archive-o; | |
| } | |
| &.glyphicon-earphone { | |
| @extend .fa-phone; | |
| } | |
| &.glyphicon-phone-alt { | |
| @extend .fa-phone-square; | |
| } | |
| &.glyphicon-tower { | |
| @extend .fa-building; | |
| } | |
| &.glyphicon-stats { | |
| @extend .fa-bar-chart; | |
| } | |
| &.glyphicon-sd-video { | |
| @extend .fa-film; | |
| } | |
| &.glyphicon-hd-video { | |
| @extend .fa-film; | |
| } | |
| &.glyphicon-subtitles { | |
| @extend .fa-cc; | |
| } | |
| &.glyphicon-sound-stereo { | |
| @extend .fa-music; | |
| } | |
| &.glyphicon-sound-dolby { | |
| @extend .fa-music; | |
| } | |
| &.glyphicon-sound-5-1 { | |
| @extend .fa-music; | |
| } | |
| &.glyphicon-sound-6-1 { | |
| @extend .fa-music; | |
| } | |
| &.glyphicon-sound-7-1 { | |
| @extend .fa-music; | |
| } | |
| &.glyphicon-copyright-mark { | |
| @extend .fa-copyright; | |
| } | |
| &.glyphicon-registration-mark { | |
| @extend .fa-registered; | |
| } | |
| &.glyphicon-cloud-download { | |
| @extend .fa-cloud-download; | |
| } | |
| &.glyphicon-cloud-upload { | |
| @extend .fa-cloud-upload; | |
| } | |
| &.glyphicon-tree-conifer { | |
| @extend .fa-tree; | |
| } | |
| &.glyphicon-tree-deciduous { | |
| @extend .fa-tree; | |
| } | |
| &.glyphicon-cd { | |
| @extend .fa-dot-circle-o; | |
| } | |
| &.glyphicon-save-file { | |
| @extend .fa-save; | |
| } | |
| &.glyphicon-open-file { | |
| @extend .fa-folder-open-o; | |
| } | |
| &.glyphicon-level-up { | |
| @extend .fa-level-up; | |
| } | |
| &.glyphicon-copy { | |
| @extend .fa-copy; | |
| } | |
| &.glyphicon-paste { | |
| @extend .fa-paste; | |
| } | |
| &.glyphicon-alert { | |
| @extend .fa-exclamation-triangle; | |
| } | |
| &.glyphicon-equalizer { | |
| @extend .fa-bar-chart; | |
| } | |
| &.glyphicon-king { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-queen { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-pawn { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-bishop { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-knight { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-baby-formula { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-tent { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-blackboard { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-bed { | |
| @extend .fa-bed; | |
| } | |
| &.glyphicon-apple { | |
| @extend .fa-apple; | |
| } | |
| &.glyphicon-erase { | |
| @extend .fa-eraser; | |
| } | |
| &.glyphicon-hourglass { | |
| @extend .fa-hourglass; | |
| } | |
| &.glyphicon-lamp { | |
| @extend .fa-lightbulb-o; | |
| } | |
| &.glyphicon-duplicate { | |
| @extend .fa-files-o; | |
| } | |
| &.glyphicon-piggy-bank { | |
| @extend .fa-money; | |
| } | |
| &.glyphicon-scissors { | |
| @extend .fa-scissors; | |
| } | |
| &.glyphicon-bitcoin { | |
| @extend .fa-bitcoin; | |
| } | |
| &.glyphicon-btc { | |
| @extend .fa-btc; | |
| } | |
| &.glyphicon-xbt { | |
| @extend .fa-btc; | |
| } | |
| &.glyphicon-yen { | |
| @extend .fa-yen; | |
| } | |
| &.glyphicon-jpy { | |
| @extend .fa-jpy; | |
| } | |
| &.glyphicon-ruble { | |
| @extend .fa-ruble; | |
| } | |
| &.glyphicon-rub { | |
| @extend .fa-rub; | |
| } | |
| &.glyphicon-scale { | |
| @extend .fa-balance-scale; | |
| } | |
| &.glyphicon-ice-lolly { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-ice-lolly-tasted { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-education { | |
| @extend .fa-graduation-cap; | |
| } | |
| &.glyphicon-option-horizontal { | |
| @extend .fa-ellipsis-h; | |
| } | |
| &.glyphicon-option-vertical { | |
| @extend .fa-ellipsis-v; | |
| } | |
| &.glyphicon-menu-hamburger { | |
| @extend .fa-bars; | |
| } | |
| &.glyphicon-modal-window { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-oil { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-grain { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-sunglasses { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-text-size { | |
| @extend .fa-font; | |
| } | |
| &.glyphicon-text-color { | |
| @extend .fa-font; | |
| } | |
| &.glyphicon-text-background { | |
| @extend .fa-font; | |
| } | |
| &.glyphicon-object-align-top { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-object-align-bottom { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-object-align-horizontal { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-object-align-left { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-object-align-vertical { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-object-align-right { | |
| @extend .fa-question; | |
| } | |
| &.glyphicon-triangle-right { | |
| @extend .fa-caret-right; | |
| } | |
| &.glyphicon-triangle-left { | |
| @extend .fa-caret-left; | |
| } | |
| &.glyphicon-triangle-bottom { | |
| @extend .fa-caret-down; | |
| } | |
| &.glyphicon-triangle-top { | |
| @extend .fa-caret-up; | |
| } | |
| &.glyphicon-console { | |
| @extend .fa-terminal; | |
| } | |
| &.glyphicon-superscript { | |
| @extend .fa-superscript; | |
| } | |
| &.glyphicon-subscript { | |
| @extend .fa-subscript; | |
| } | |
| &.glyphicon-menu-left { | |
| @extend .fa-chevron-left; | |
| } | |
| &.glyphicon-menu-right { | |
| @extend .fa-chevron-right; | |
| } | |
| &.glyphicon-menu-down { | |
| @extend .fa-chevron-down; | |
| } | |
| &.glyphicon-menu-up { | |
| @extend .fa-chevron-up; | |
| } | |
| } |
@CanKattwinkel yes! good find, and also a lot of semi colons.
@CanKattwinkel , @taitems, thanks fixed.
One more:
&.glyphicon-transfer {
@extend .fa-exchange
}
I have tried to add it to your answer at stack but it's been rejected. Thanks for that list.
@maszynka thanks! I updated SO
nice one. thanks @blowsie
I created a LESS version, as I'm compiling bootstrap from LESS: https://gist.github.com/richardlampitt/527f2a6f0a561d51644c3dbe186e45f0
I couldn't get the extends to work properly, so instead I opted to copy the fontawesome CSS, and use the mapping that you'd done as mixins to replace the ::before content for the appropriate glyphicon style.
I'm certain that this can be done much more robustly, but it works just fine for what I need it for, and if someone else wants to fork this and make it better they are most welcome to do so!
I like this idea but pardon my stupidity: Can I simply copy and paste this in my CSS after the @font-face{font-family:'Glyphicons Halflings'; declaration or is there anything special I need to consider?
No you can't. No browser has native support of SASS / LESS and probably such support isn't even planned. You have to compile these sheets with sass / less compiler, which runs in node.js.
I myself do not like a lot that tons of web stuff these days has to be transpiled, I think it's the step into the wrong direction - interpreted languages should run directly in browser like it was before, but the huge crowd disagrees. It's not C++ to be compiled, in fact I do not like compiled languages and usually try to avoid them.
Imagine that to run Python 3 scripts you had to "transpile" these with Python 2. Absolutely misleading path, but the majority supports such things with browser and node.js.
There are some duplicate selectors here?
352:3 × Unexpected duplicate selector ".glyphicon.glyphicon-chevron-left", first used at line 15 no-duplicate-selectors
356:3 × Unexpected duplicate selector ".glyphicon.glyphicon-chevron-right", first used at line 11 no-duplicate-selectors
476:3 × Unexpected duplicate selector ".glyphicon.glyphicon-chevron-up", first used at line 7 no-duplicate-selectors
1068:3 × Unexpected duplicate selector ".glyphicon.glyphicon-transfer", first used at line 732 no-duplicate-selectors
@drewfreling thanks, not sure how this happened but ive cleaned it up, thanks for reporting
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Isn't the "&" missing for all items after line 15?