From 37196fc8c9f9c7fffe0bea70bc9d79fcbe206d39 Mon Sep 17 00:00:00 2001 From: Michael Duff Date: Sat, 2 Nov 2013 13:03:05 -0400 Subject: [PATCH] Rewrote SCSS to implement placeholders and ability to not print out classes to CSS file --- scss/_bordered-pulled.scss | 24 +- scss/_core.scss | 8 +- scss/_fixed-width.scss | 9 +- scss/_icons.scss | 448 ++------------------- scss/_larger.scss | 23 +- scss/_list.scss | 15 +- scss/_rotated-flipped.scss | 21 +- scss/_spinning.scss | 9 +- scss/_stacked.scss | 24 +- scss/_variables.scss | 782 +++++++++++++++++++------------------ 10 files changed, 557 insertions(+), 806 deletions(-) diff --git a/scss/_bordered-pulled.scss b/scss/_bordered-pulled.scss index 9d3fdf3a0..a0c37d002 100644 --- a/scss/_bordered-pulled.scss +++ b/scss/_bordered-pulled.scss @@ -1,16 +1,32 @@ // Bordered & Pulled // ------------------------- -.#{$fa-css-prefix}-border { +%fa-border { padding: .2em .25em .15em; border: solid .08em $fa-border-color; border-radius: .1em; } -.pull-right { float: right; } -.pull-left { float: left; } +%fa-pull-right { float: right; } +%fa-pull-left { float: left; } -.#{$fa-css-prefix} { +%fa-pull { &.pull-left { margin-right: .3em; } &.pull-right { margin-left: .3em; } } + + +@if $fa-show-classes == true { + + .#{$fa-css-prefix}-border { + @extend %fa-border; + } + + .pull-right { @extend %fa-pull-right; } + .pull-left { @extend %fa-pull-left; } + + .#{$fa-css-prefix} { + @extend %fa-pull; + } + +} diff --git a/scss/_core.scss b/scss/_core.scss index 861ccd9dc..2616aa691 100644 --- a/scss/_core.scss +++ b/scss/_core.scss @@ -1,7 +1,7 @@ // Base Class Definition // ------------------------- -.#{$fa-css-prefix} { +%fa { display: inline-block; font-family: FontAwesome; font-style: normal; @@ -10,3 +10,9 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +@if $fa-show-classes == true { + .#{$fa-css-prefix} { + @extend %fa; + } +} diff --git a/scss/_fixed-width.scss b/scss/_fixed-width.scss index b221c9813..62fff7f81 100644 --- a/scss/_fixed-width.scss +++ b/scss/_fixed-width.scss @@ -1,6 +1,13 @@ // Fixed Width Icons // ------------------------- -.#{$fa-css-prefix}-fw { +%fa-fw { width: (18em / 14); text-align: center; } + +@if $fa-show-classes == true { + .#{$fa-css-prefix}-fw { + @extend %fa-fw; + } + +} diff --git a/scss/_icons.scss b/scss/_icons.scss index 9fcb22c49..a8ad2d744 100644 --- a/scss/_icons.scss +++ b/scss/_icons.scss @@ -1,412 +1,38 @@ -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ +// Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen +// readers do not read off random characters that represent icons -.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; } -.#{$fa-css-prefix}-music:before { content: $fa-var-music; } -.#{$fa-css-prefix}-search:before { content: $fa-var-search; } -.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; } -.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; } -.#{$fa-css-prefix}-star:before { content: $fa-var-star; } -.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; } -.#{$fa-css-prefix}-user:before { content: $fa-var-user; } -.#{$fa-css-prefix}-film:before { content: $fa-var-film; } -.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; } -.#{$fa-css-prefix}-th:before { content: $fa-var-th; } -.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; } -.#{$fa-css-prefix}-check:before { content: $fa-var-check; } -.#{$fa-css-prefix}-times:before { content: $fa-var-times; } -.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; } -.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; } -.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; } -.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; } -.#{$fa-css-prefix}-gear:before, -.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; } -.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; } -.#{$fa-css-prefix}-home:before { content: $fa-var-home; } -.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; } -.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; } -.#{$fa-css-prefix}-road:before { content: $fa-var-road; } -.#{$fa-css-prefix}-download:before { content: $fa-var-download; } -.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; } -.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; } -.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; } -.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; } -.#{$fa-css-prefix}-rotate-right:before, -.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; } -.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; } -.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; } -.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; } -.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; } -.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; } -.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; } -.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; } -.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; } -.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; } -.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; } -.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; } -.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; } -.#{$fa-css-prefix}-book:before { content: $fa-var-book; } -.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; } -.#{$fa-css-prefix}-print:before { content: $fa-var-print; } -.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; } -.#{$fa-css-prefix}-font:before { content: $fa-var-font; } -.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; } -.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; } -.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; } -.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; } -.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; } -.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; } -.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; } -.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; } -.#{$fa-css-prefix}-list:before { content: $fa-var-list; } -.#{$fa-css-prefix}-dedent:before, -.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; } -.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; } -.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; } -.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; } -.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; } -.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; } -.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; } -.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; } -.#{$fa-css-prefix}-edit:before, -.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; } -.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; } -.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; } -.#{$fa-css-prefix}-move:before { content: $fa-var-move; } -.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; } -.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; } -.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; } -.#{$fa-css-prefix}-play:before { content: $fa-var-play; } -.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; } -.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; } -.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; } -.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; } -.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; } -.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; } -.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; } -.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; } -.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; } -.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; } -.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; } -.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; } -.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; } -.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; } -.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; } -.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; } -.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; } -.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; } -.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; } -.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; } -.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; } -.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; } -.#{$fa-css-prefix}-mail-forward:before, -.#{$fa-css-prefix}-share:before { content: $fa-var-share; } -.#{$fa-css-prefix}-resize-full:before { content: $fa-var-resize-full; } -.#{$fa-css-prefix}-resize-small:before { content: $fa-var-resize-small; } -.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; } -.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; } -.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; } -.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; } -.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; } -.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; } -.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; } -.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; } -.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; } -.#{$fa-css-prefix}-warning:before, -.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; } -.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; } -.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; } -.#{$fa-css-prefix}-random:before { content: $fa-var-random; } -.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; } -.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; } -.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; } -.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; } -.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; } -.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; } -.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; } -.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; } -.#{$fa-css-prefix}-resize-vertical:before { content: $fa-var-resize-vertical; } -.#{$fa-css-prefix}-resize-horizontal:before { content: $fa-var-resize-horizontal; } -.#{$fa-css-prefix}-bar-chart-o:before { content: $fa-var-bar-chart-o; } -.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; } -.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; } -.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; } -.#{$fa-css-prefix}-key:before { content: $fa-var-key; } -.#{$fa-css-prefix}-gears:before, -.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; } -.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; } -.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; } -.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; } -.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; } -.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; } -.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; } -.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; } -.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; } -.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; } -.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; } -.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; } -.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; } -.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; } -.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; } -.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; } -.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; } -.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; } -.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; } -.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; } -.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; } -.#{$fa-css-prefix}-github:before { content: $fa-var-github; } -.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; } -.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; } -.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; } -.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; } -.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; } -.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; } -.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; } -.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; } -.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; } -.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; } -.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; } -.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; } -.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; } -.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; } -.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; } -.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; } -.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; } -.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; } -.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; } -.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; } -.#{$fa-css-prefix}-fullscreen:before { content: $fa-var-fullscreen; } -.#{$fa-css-prefix}-group:before { content: $fa-var-group; } -.#{$fa-css-prefix}-chain:before, -.#{$fa-css-prefix}-link:before { content: $fa-var-link; } -.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; } -.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; } -.#{$fa-css-prefix}-cut:before, -.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; } -.#{$fa-css-prefix}-copy:before, -.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; } -.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; } -.#{$fa-css-prefix}-save:before, -.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; } -.#{$fa-css-prefix}-square:before { content: $fa-var-square; } -.#{$fa-css-prefix}-reorder:before { content: $fa-var-reorder; } -.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; } -.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; } -.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; } -.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; } -.#{$fa-css-prefix}-table:before { content: $fa-var-table; } -.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; } -.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; } -.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; } -.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; } -.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; } -.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; } -.#{$fa-css-prefix}-money:before { content: $fa-var-money; } -.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; } -.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; } -.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; } -.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; } -.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; } -.#{$fa-css-prefix}-unsorted:before, -.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; } -.#{$fa-css-prefix}-sort-down:before, -.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; } -.#{$fa-css-prefix}-sort-up:before, -.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; } -.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; } -.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; } -.#{$fa-css-prefix}-rotate-left:before, -.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; } -.#{$fa-css-prefix}-legal:before, -.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; } -.#{$fa-css-prefix}-dashboard:before, -.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; } -.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; } -.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; } -.#{$fa-css-prefix}-flash:before, -.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; } -.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; } -.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; } -.#{$fa-css-prefix}-paste:before, -.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; } -.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; } -.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; } -.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; } -.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; } -.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; } -.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; } -.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; } -.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; } -.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; } -.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; } -.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; } -.#{$fa-css-prefix}-building:before { content: $fa-var-building; } -.#{$fa-css-prefix}-hospital:before { content: $fa-var-hospital; } -.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; } -.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; } -.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; } -.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; } -.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; } -.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; } -.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; } -.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; } -.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; } -.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; } -.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; } -.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; } -.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; } -.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; } -.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; } -.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; } -.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; } -.#{$fa-css-prefix}-mobile-phone:before, -.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; } -.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; } -.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; } -.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; } -.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; } -.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; } -.#{$fa-css-prefix}-mail-reply:before, -.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; } -.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; } -.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; } -.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; } -.#{$fa-css-prefix}-expand-o:before { content: $fa-var-expand-o; } -.#{$fa-css-prefix}-collapse-o:before { content: $fa-var-collapse-o; } -.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; } -.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; } -.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; } -.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; } -.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; } -.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; } -.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; } -.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; } -.#{$fa-css-prefix}-code:before { content: $fa-var-code; } -.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; } -.#{$fa-css-prefix}-mail-reply-all:before { content: $fa-var-mail-reply-all; } -.#{$fa-css-prefix}-star-half-empty:before, -.#{$fa-css-prefix}-star-half-full:before, -.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; } -.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; } -.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; } -.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; } -.#{$fa-css-prefix}-unlink:before, -.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; } -.#{$fa-css-prefix}-question:before { content: $fa-var-question; } -.#{$fa-css-prefix}-info:before { content: $fa-var-info; } -.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; } -.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; } -.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; } -.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; } -.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; } -.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; } -.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; } -.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; } -.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; } -.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; } -.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; } -.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; } -.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; } -.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; } -.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; } -.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; } -.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; } -.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; } -.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; } -.#{$fa-css-prefix}-unlock-o:before { content: $fa-var-unlock-o; } -.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; } -.#{$fa-css-prefix}-ellipsis-horizontal:before { content: $fa-var-ellipsis-horizontal; } -.#{$fa-css-prefix}-ellipsis-vertical:before { content: $fa-var-ellipsis-vertical; } -.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; } -.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; } -.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; } -.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; } -.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; } -.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; } -.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; } -.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; } -.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; } -.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; } -.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; } -.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; } -.#{$fa-css-prefix}-toggle-down:before, -.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; } -.#{$fa-css-prefix}-toggle-up:before, -.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; } -.#{$fa-css-prefix}-toggle-right:before, -.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; } -.#{$fa-css-prefix}-euro:before, -.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; } -.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; } -.#{$fa-css-prefix}-dollar:before, -.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; } -.#{$fa-css-prefix}-rupee:before, -.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; } -.#{$fa-css-prefix}-cny:before, -.#{$fa-css-prefix}-rmb:before, -.#{$fa-css-prefix}-yen:before, -.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; } -.#{$fa-css-prefix}-ruble:before, -.#{$fa-css-prefix}-rouble:before, -.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; } -.#{$fa-css-prefix}-won:before, -.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; } -.#{$fa-css-prefix}-bitcoin:before, -.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; } -.#{$fa-css-prefix}-file:before { content: $fa-var-file; } -.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; } -.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; } -.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; } -.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; } -.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; } -.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; } -.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; } -.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; } -.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; } -.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; } -.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; } -.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; } -.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; } -.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; } -.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; } -.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; } -.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; } -.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; } -.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; } -.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; } -.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; } -.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; } -.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; } -.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; } -.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; } -.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; } -.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; } -.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; } -.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; } -.#{$fa-css-prefix}-android:before { content: $fa-var-android; } -.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; } -.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; } -.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; } -.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; } -.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; } -.#{$fa-css-prefix}-female:before { content: $fa-var-female; } -.#{$fa-css-prefix}-male:before { content: $fa-var-male; } -.#{$fa-css-prefix}-gittip:before { content: $fa-var-gittip; } -.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; } -.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; } -.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; } -.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; } -.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; } -.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; } -.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; } -.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; } -.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; } -.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; } -.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; } -.#{$fa-css-prefix}-toggle-left:before, -.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; } -.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; } -.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; } -.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; } -.#{$fa-css-prefix}-turkish-lira:before, -.#{$fa-css-prefix}-try:before { content: $fa-var-try; } + +//loop through all icons +@each $var in $fa-vars { + //create icon placeholders + %fa-#{nth($var, 1)} { + &:before { + content: nth($var, 2); + } + } + + //create icon classes if enabled + @if $fa-show-classes == true { + .#{$fa-css-prefix}-#{nth($var, 1)} { + @extend %fa-#{nth($var, 1)}; + } + } + +} + +//lets loop through the alias's +@each $alias in $fa-alias { + + //lets create the placeholder + %fa-#{nth($alias, 1)} { + @extend %fa-#{nth($alias, 2)}; + } + + //create icon classes if enabled + @if $fa-show-classes == true { + .#{$fa-css-prefix}-#{nth($alias, 1)} { + @extend %fa-#{nth($alias, 2)}; + } + } + +} \ No newline at end of file diff --git a/scss/_larger.scss b/scss/_larger.scss index 41e9a8184..6279bd5fb 100644 --- a/scss/_larger.scss +++ b/scss/_larger.scss @@ -1,13 +1,24 @@ // Icon Sizes // ------------------------- -/* makes the font 33% larger relative to the icon container */ -.#{$fa-css-prefix}-lg { +// makes the font 33% larger relative to the icon container +%fa-lg { font-size: (4em / 3); line-height: (3em / 4); vertical-align: -15%; } -.#{$fa-css-prefix}-2x { font-size: 2em; } -.#{$fa-css-prefix}-3x { font-size: 3em; } -.#{$fa-css-prefix}-4x { font-size: 4em; } -.#{$fa-css-prefix}-5x { font-size: 5em; } +%fa-2x { font-size: 2em; } +%fa-3x { font-size: 3em; } +%fa-4x { font-size: 4em; } +%fa-5x { font-size: 5em; } + + +@if $fa-show-classes == true { + .#{$fa-css-prefix}-lg { + @extend %fa-lg; + } + .#{$fa-css-prefix}-2x { @extend %fa-2x; } + .#{$fa-css-prefix}-3x { @extend %fa-3x; } + .#{$fa-css-prefix}-4x { @extend %fa-4x; } + .#{$fa-css-prefix}-5x { @extend %fa-5x; } +} diff --git a/scss/_list.scss b/scss/_list.scss index 7d1e4d54d..82e6b90ef 100644 --- a/scss/_list.scss +++ b/scss/_list.scss @@ -1,13 +1,13 @@ // List Icons // ------------------------- -.#{$fa-css-prefix}-ul { +%fa-ul { padding-left: 0; margin-left: $fa-li-width; list-style-type: none; > li { position: relative; } } -.#{$fa-css-prefix}-li { +%fa-li { position: absolute; left: -$fa-li-width; width: $fa-li-width; @@ -17,3 +17,14 @@ left: -$fa-li-width + (4em / 14); } } + +@if $fa-show-classes == true { + + .#{$fa-css-prefix}-ul { + @extend %fa-ul; + } + .#{$fa-css-prefix}-li { + @extend %fa-li; + } + +} diff --git a/scss/_rotated-flipped.scss b/scss/_rotated-flipped.scss index 343fa5507..b9c02d23d 100644 --- a/scss/_rotated-flipped.scss +++ b/scss/_rotated-flipped.scss @@ -1,9 +1,20 @@ // Rotated & Flipped Icons // ------------------------- -.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } -.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } -.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } +%fa-rotate-90 { @include fa-icon-rotate(90deg, 1); } +%fa-rotate-180 { @include fa-icon-rotate(180deg, 2); } +%fa-rotate-270 { @include fa-icon-rotate(270deg, 3); } -.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } -.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } +%fa-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } +%fa-flip-vertical { @include fa-icon-flip(1, -1, 2); } + +@if $fa-show-classes == true { + + .#{$fa-css-prefix}-rotate-90 { @extend %fa-rotate-90; } + .#{$fa-css-prefix}-rotate-180 { @extend %fa-rotate-180; } + .#{$fa-css-prefix}-rotate-270 { @extend %fa-rotate-270; } + + .#{$fa-css-prefix}-flip-horizontal { @extend %fa-flip-horizontal; } + .#{$fa-css-prefix}-flip-vertical { @extend %fa-flip-vertical; } + +} diff --git a/scss/_spinning.scss b/scss/_spinning.scss index ba1e4f162..e3ec1e6f8 100644 --- a/scss/_spinning.scss +++ b/scss/_spinning.scss @@ -1,13 +1,20 @@ // Spinning Icons // -------------------------- -.#{$fa-css-prefix}-spin { +%fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } +@if $fa-show-classes == true { + + .#{$fa-css-prefix}-spin { + @extend %fa-spin; + } +} + @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } diff --git a/scss/_stacked.scss b/scss/_stacked.scss index aef740366..201011ee7 100644 --- a/scss/_stacked.scss +++ b/scss/_stacked.scss @@ -1,7 +1,7 @@ // Stacked Icons // ------------------------- -.#{$fa-css-prefix}-stack { +%fa-stack { position: relative; display: inline-block; width: 2em; @@ -9,12 +9,26 @@ line-height: 2em; vertical-align: middle; } -.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { +%fa-stacks { position: absolute; left: 0; width: 100%; text-align: center; } -.#{$fa-css-prefix}-stack-1x { line-height: inherit; } -.#{$fa-css-prefix}-stack-2x { font-size: 2em; } -.#{$fa-css-prefix}-inverse { color: $fa-inverse; } +%fa-stack-1x { line-height: inherit; } +%fa-stack-2x { font-size: 2em; } +%fa-inverse { color: $fa-inverse; } + + +@if $fa-show-classes == true { + .#{$fa-css-prefix}-stack { + @extend %fa-stack; + } + .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { + + } + .#{$fa-css-prefix}-stack-1x { @extend %fa-stack-1x; @extend %fa-stacks; } + .#{$fa-css-prefix}-stack-2x { @extend %fa-stack-2x; @extend %fa-stacks; } + .#{$fa-css-prefix}-inverse { @extend %fa-inverse; } + +} diff --git a/scss/_variables.scss b/scss/_variables.scss index c93c5443a..c503a754c 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -8,375 +8,417 @@ $fa-version: "4.0.1" !default; $fa-border-color: #eee !default; $fa-inverse: #fff !default; $fa-li-width: (30em / 14) !default; +$fa-show-classes: true !default; //true prints out classes, false does not -$fa-var-glass: "\f000"; -$fa-var-music: "\f001"; -$fa-var-search: "\f002"; -$fa-var-envelope-o: "\f003"; -$fa-var-heart: "\f004"; -$fa-var-star: "\f005"; -$fa-var-star-o: "\f006"; -$fa-var-user: "\f007"; -$fa-var-film: "\f008"; -$fa-var-th-large: "\f009"; -$fa-var-th: "\f00a"; -$fa-var-th-list: "\f00b"; -$fa-var-check: "\f00c"; -$fa-var-times: "\f00d"; -$fa-var-search-plus: "\f00e"; -$fa-var-search-minus: "\f010"; -$fa-var-power-off: "\f011"; -$fa-var-signal: "\f012"; -$fa-var-cog: "\f013"; -$fa-var-trash-o: "\f014"; -$fa-var-home: "\f015"; -$fa-var-file-o: "\f016"; -$fa-var-clock-o: "\f017"; -$fa-var-road: "\f018"; -$fa-var-download: "\f019"; -$fa-var-arrow-circle-o-down: "\f01a"; -$fa-var-arrow-circle-o-up: "\f01b"; -$fa-var-inbox: "\f01c"; -$fa-var-play-circle-o: "\f01d"; -$fa-var-repeat: "\f01e"; -$fa-var-refresh: "\f021"; -$fa-var-list-alt: "\f022"; -$fa-var-lock: "\f023"; -$fa-var-flag: "\f024"; -$fa-var-headphones: "\f025"; -$fa-var-volume-off: "\f026"; -$fa-var-volume-down: "\f027"; -$fa-var-volume-up: "\f028"; -$fa-var-qrcode: "\f029"; -$fa-var-barcode: "\f02a"; -$fa-var-tag: "\f02b"; -$fa-var-tags: "\f02c"; -$fa-var-book: "\f02d"; -$fa-var-bookmark: "\f02e"; -$fa-var-print: "\f02f"; -$fa-var-camera: "\f030"; -$fa-var-font: "\f031"; -$fa-var-bold: "\f032"; -$fa-var-italic: "\f033"; -$fa-var-text-height: "\f034"; -$fa-var-text-width: "\f035"; -$fa-var-align-left: "\f036"; -$fa-var-align-center: "\f037"; -$fa-var-align-right: "\f038"; -$fa-var-align-justify: "\f039"; -$fa-var-list: "\f03a"; -$fa-var-outdent: "\f03b"; -$fa-var-indent: "\f03c"; -$fa-var-video-camera: "\f03d"; -$fa-var-picture-o: "\f03e"; -$fa-var-pencil: "\f040"; -$fa-var-map-marker: "\f041"; -$fa-var-adjust: "\f042"; -$fa-var-tint: "\f043"; -$fa-var-pencil-square-o: "\f044"; -$fa-var-share-square-o: "\f045"; -$fa-var-check-square-o: "\f046"; -$fa-var-move: "\f047"; -$fa-var-step-backward: "\f048"; -$fa-var-fast-backward: "\f049"; -$fa-var-backward: "\f04a"; -$fa-var-play: "\f04b"; -$fa-var-pause: "\f04c"; -$fa-var-stop: "\f04d"; -$fa-var-forward: "\f04e"; -$fa-var-fast-forward: "\f050"; -$fa-var-step-forward: "\f051"; -$fa-var-eject: "\f052"; -$fa-var-chevron-left: "\f053"; -$fa-var-chevron-right: "\f054"; -$fa-var-plus-circle: "\f055"; -$fa-var-minus-circle: "\f056"; -$fa-var-times-circle: "\f057"; -$fa-var-check-circle: "\f058"; -$fa-var-question-circle: "\f059"; -$fa-var-info-circle: "\f05a"; -$fa-var-crosshairs: "\f05b"; -$fa-var-times-circle-o: "\f05c"; -$fa-var-check-circle-o: "\f05d"; -$fa-var-ban: "\f05e"; -$fa-var-arrow-left: "\f060"; -$fa-var-arrow-right: "\f061"; -$fa-var-arrow-up: "\f062"; -$fa-var-arrow-down: "\f063"; -$fa-var-share: "\f064"; -$fa-var-resize-full: "\f065"; -$fa-var-resize-small: "\f066"; -$fa-var-plus: "\f067"; -$fa-var-minus: "\f068"; -$fa-var-asterisk: "\f069"; -$fa-var-exclamation-circle: "\f06a"; -$fa-var-gift: "\f06b"; -$fa-var-leaf: "\f06c"; -$fa-var-fire: "\f06d"; -$fa-var-eye: "\f06e"; -$fa-var-eye-slash: "\f070"; -$fa-var-exclamation-triangle: "\f071"; -$fa-var-plane: "\f072"; -$fa-var-calendar: "\f073"; -$fa-var-random: "\f074"; -$fa-var-comment: "\f075"; -$fa-var-magnet: "\f076"; -$fa-var-chevron-up: "\f077"; -$fa-var-chevron-down: "\f078"; -$fa-var-retweet: "\f079"; -$fa-var-shopping-cart: "\f07a"; -$fa-var-folder: "\f07b"; -$fa-var-folder-open: "\f07c"; -$fa-var-resize-vertical: "\f07d"; -$fa-var-resize-horizontal: "\f07e"; -$fa-var-bar-chart-o: "\f080"; -$fa-var-twitter-square: "\f081"; -$fa-var-facebook-square: "\f082"; -$fa-var-camera-retro: "\f083"; -$fa-var-key: "\f084"; -$fa-var-cogs: "\f085"; -$fa-var-comments: "\f086"; -$fa-var-thumbs-o-up: "\f087"; -$fa-var-thumbs-o-down: "\f088"; -$fa-var-star-half: "\f089"; -$fa-var-heart-o: "\f08a"; -$fa-var-sign-out: "\f08b"; -$fa-var-linkedin-square: "\f08c"; -$fa-var-thumb-tack: "\f08d"; -$fa-var-external-link: "\f08e"; -$fa-var-sign-in: "\f090"; -$fa-var-trophy: "\f091"; -$fa-var-github-square: "\f092"; -$fa-var-upload: "\f093"; -$fa-var-lemon-o: "\f094"; -$fa-var-phone: "\f095"; -$fa-var-square-o: "\f096"; -$fa-var-bookmark-o: "\f097"; -$fa-var-phone-square: "\f098"; -$fa-var-twitter: "\f099"; -$fa-var-facebook: "\f09a"; -$fa-var-github: "\f09b"; -$fa-var-unlock: "\f09c"; -$fa-var-credit-card: "\f09d"; -$fa-var-rss: "\f09e"; -$fa-var-hdd-o: "\f0a0"; -$fa-var-bullhorn: "\f0a1"; -$fa-var-bell: "\f0f3"; -$fa-var-certificate: "\f0a3"; -$fa-var-hand-o-right: "\f0a4"; -$fa-var-hand-o-left: "\f0a5"; -$fa-var-hand-o-up: "\f0a6"; -$fa-var-hand-o-down: "\f0a7"; -$fa-var-arrow-circle-left: "\f0a8"; -$fa-var-arrow-circle-right: "\f0a9"; -$fa-var-arrow-circle-up: "\f0aa"; -$fa-var-arrow-circle-down: "\f0ab"; -$fa-var-globe: "\f0ac"; -$fa-var-wrench: "\f0ad"; -$fa-var-tasks: "\f0ae"; -$fa-var-filter: "\f0b0"; -$fa-var-briefcase: "\f0b1"; -$fa-var-fullscreen: "\f0b2"; -$fa-var-group: "\f0c0"; -$fa-var-link: "\f0c1"; -$fa-var-cloud: "\f0c2"; -$fa-var-flask: "\f0c3"; -$fa-var-scissors: "\f0c4"; -$fa-var-files-o: "\f0c5"; -$fa-var-paperclip: "\f0c6"; -$fa-var-floppy-o: "\f0c7"; -$fa-var-square: "\f0c8"; -$fa-var-reorder: "\f0c9"; -$fa-var-list-ul: "\f0ca"; -$fa-var-list-ol: "\f0cb"; -$fa-var-strikethrough: "\f0cc"; -$fa-var-underline: "\f0cd"; -$fa-var-table: "\f0ce"; -$fa-var-magic: "\f0d0"; -$fa-var-truck: "\f0d1"; -$fa-var-pinterest: "\f0d2"; -$fa-var-pinterest-square: "\f0d3"; -$fa-var-google-plus-square: "\f0d4"; -$fa-var-google-plus: "\f0d5"; -$fa-var-money: "\f0d6"; -$fa-var-caret-down: "\f0d7"; -$fa-var-caret-up: "\f0d8"; -$fa-var-caret-left: "\f0d9"; -$fa-var-caret-right: "\f0da"; -$fa-var-columns: "\f0db"; -$fa-var-sort: "\f0dc"; -$fa-var-sort-asc: "\f0dd"; -$fa-var-sort-desc: "\f0de"; -$fa-var-envelope: "\f0e0"; -$fa-var-linkedin: "\f0e1"; -$fa-var-undo: "\f0e2"; -$fa-var-gavel: "\f0e3"; -$fa-var-tachometer: "\f0e4"; -$fa-var-comment-o: "\f0e5"; -$fa-var-comments-o: "\f0e6"; -$fa-var-bolt: "\f0e7"; -$fa-var-sitemap: "\f0e8"; -$fa-var-umbrella: "\f0e9"; -$fa-var-clipboard: "\f0ea"; -$fa-var-lightbulb-o: "\f0eb"; -$fa-var-exchange: "\f0ec"; -$fa-var-cloud-download: "\f0ed"; -$fa-var-cloud-upload: "\f0ee"; -$fa-var-user-md: "\f0f0"; -$fa-var-stethoscope: "\f0f1"; -$fa-var-suitcase: "\f0f2"; -$fa-var-bell-o: "\f0a2"; -$fa-var-coffee: "\f0f4"; -$fa-var-cutlery: "\f0f5"; -$fa-var-file-text-o: "\f0f6"; -$fa-var-building: "\f0f7"; -$fa-var-hospital: "\f0f8"; -$fa-var-ambulance: "\f0f9"; -$fa-var-medkit: "\f0fa"; -$fa-var-fighter-jet: "\f0fb"; -$fa-var-beer: "\f0fc"; -$fa-var-h-square: "\f0fd"; -$fa-var-plus-square: "\f0fe"; -$fa-var-angle-double-left: "\f100"; -$fa-var-angle-double-right: "\f101"; -$fa-var-angle-double-up: "\f102"; -$fa-var-angle-double-down: "\f103"; -$fa-var-angle-left: "\f104"; -$fa-var-angle-right: "\f105"; -$fa-var-angle-up: "\f106"; -$fa-var-angle-down: "\f107"; -$fa-var-desktop: "\f108"; -$fa-var-laptop: "\f109"; -$fa-var-tablet: "\f10a"; -$fa-var-mobile: "\f10b"; -$fa-var-circle-o: "\f10c"; -$fa-var-quote-left: "\f10d"; -$fa-var-quote-right: "\f10e"; -$fa-var-spinner: "\f110"; -$fa-var-circle: "\f111"; -$fa-var-reply: "\f112"; -$fa-var-github-alt: "\f113"; -$fa-var-folder-o: "\f114"; -$fa-var-folder-open-o: "\f115"; -$fa-var-expand-o: "\f116"; -$fa-var-collapse-o: "\f117"; -$fa-var-smile-o: "\f118"; -$fa-var-frown-o: "\f119"; -$fa-var-meh-o: "\f11a"; -$fa-var-gamepad: "\f11b"; -$fa-var-keyboard-o: "\f11c"; -$fa-var-flag-o: "\f11d"; -$fa-var-flag-checkered: "\f11e"; -$fa-var-terminal: "\f120"; -$fa-var-code: "\f121"; -$fa-var-reply-all: "\f122"; -$fa-var-mail-reply-all: "\f122"; -$fa-var-star-half-o: "\f123"; -$fa-var-location-arrow: "\f124"; -$fa-var-crop: "\f125"; -$fa-var-code-fork: "\f126"; -$fa-var-chain-broken: "\f127"; -$fa-var-question: "\f128"; -$fa-var-info: "\f129"; -$fa-var-exclamation: "\f12a"; -$fa-var-superscript: "\f12b"; -$fa-var-subscript: "\f12c"; -$fa-var-eraser: "\f12d"; -$fa-var-puzzle-piece: "\f12e"; -$fa-var-microphone: "\f130"; -$fa-var-microphone-slash: "\f131"; -$fa-var-shield: "\f132"; -$fa-var-calendar-o: "\f133"; -$fa-var-fire-extinguisher: "\f134"; -$fa-var-rocket: "\f135"; -$fa-var-maxcdn: "\f136"; -$fa-var-chevron-circle-left: "\f137"; -$fa-var-chevron-circle-right: "\f138"; -$fa-var-chevron-circle-up: "\f139"; -$fa-var-chevron-circle-down: "\f13a"; -$fa-var-html5: "\f13b"; -$fa-var-css3: "\f13c"; -$fa-var-anchor: "\f13d"; -$fa-var-unlock-o: "\f13e"; -$fa-var-bullseye: "\f140"; -$fa-var-ellipsis-horizontal: "\f141"; -$fa-var-ellipsis-vertical: "\f142"; -$fa-var-rss-square: "\f143"; -$fa-var-play-circle: "\f144"; -$fa-var-ticket: "\f145"; -$fa-var-minus-square: "\f146"; -$fa-var-minus-square-o: "\f147"; -$fa-var-level-up: "\f148"; -$fa-var-level-down: "\f149"; -$fa-var-check-square: "\f14a"; -$fa-var-pencil-square: "\f14b"; -$fa-var-external-link-square: "\f14c"; -$fa-var-share-square: "\f14d"; -$fa-var-compass: "\f14e"; -$fa-var-caret-square-o-down: "\f150"; -$fa-var-caret-square-o-up: "\f151"; -$fa-var-caret-square-o-right: "\f152"; -$fa-var-eur: "\f153"; -$fa-var-gbp: "\f154"; -$fa-var-usd: "\f155"; -$fa-var-inr: "\f156"; -$fa-var-jpy: "\f157"; -$fa-var-rub: "\f158"; -$fa-var-krw: "\f159"; -$fa-var-btc: "\f15a"; -$fa-var-file: "\f15b"; -$fa-var-file-text: "\f15c"; -$fa-var-sort-alpha-asc: "\f15d"; -$fa-var-sort-alpha-desc: "\f15e"; -$fa-var-sort-amount-asc: "\f160"; -$fa-var-sort-amount-desc: "\f161"; -$fa-var-sort-numeric-asc: "\f162"; -$fa-var-sort-numeric-desc: "\f163"; -$fa-var-thumbs-up: "\f164"; -$fa-var-thumbs-down: "\f165"; -$fa-var-youtube-square: "\f166"; -$fa-var-youtube: "\f167"; -$fa-var-xing: "\f168"; -$fa-var-xing-square: "\f169"; -$fa-var-youtube-play: "\f16a"; -$fa-var-dropbox: "\f16b"; -$fa-var-stack-overflow: "\f16c"; -$fa-var-instagram: "\f16d"; -$fa-var-flickr: "\f16e"; -$fa-var-adn: "\f170"; -$fa-var-bitbucket: "\f171"; -$fa-var-bitbucket-square: "\f172"; -$fa-var-tumblr: "\f173"; -$fa-var-tumblr-square: "\f174"; -$fa-var-long-arrow-down: "\f175"; -$fa-var-long-arrow-up: "\f176"; -$fa-var-long-arrow-left: "\f177"; -$fa-var-long-arrow-right: "\f178"; -$fa-var-apple: "\f179"; -$fa-var-windows: "\f17a"; -$fa-var-android: "\f17b"; -$fa-var-linux: "\f17c"; -$fa-var-dribbble: "\f17d"; -$fa-var-skype: "\f17e"; -$fa-var-foursquare: "\f180"; -$fa-var-trello: "\f181"; -$fa-var-female: "\f182"; -$fa-var-male: "\f183"; -$fa-var-gittip: "\f184"; -$fa-var-sun-o: "\f185"; -$fa-var-moon-o: "\f186"; -$fa-var-archive: "\f187"; -$fa-var-bug: "\f188"; -$fa-var-vk: "\f189"; -$fa-var-weibo: "\f18a"; -$fa-var-renren: "\f18b"; -$fa-var-pagelines: "\f18c"; -$fa-var-stack-exchange: "\f18d"; -$fa-var-arrow-circle-o-right: "\f18e"; -$fa-var-arrow-circle-o-left: "\f190"; -$fa-var-caret-square-o-left: "\f191"; -$fa-var-dot-circle-o: "\f192"; -$fa-var-wheelchair: "\f193"; -$fa-var-vimeo-square: "\f194"; -$fa-var-try: "\f195"; +$fa-vars: + glass "\f000" + ,music "\f001" + ,search "\f002" + ,envelope-o "\f003" + ,heart "\f004" + ,star "\f005" + ,star-o "\f006" + ,user "\f007" + ,film "\f008" + ,th-large "\f009" + ,th "\f00a" + ,th-list "\f00b" + ,check "\f00c" + ,times "\f00d" + ,search-plus "\f00e" + ,search-minus "\f010" + ,power-off "\f011" + ,signal "\f012" + ,cog "\f013" + ,trash-o "\f014" + ,home "\f015" + ,file-o "\f016" + ,clock-o "\f017" + ,road "\f018" + ,download "\f019" + ,arrow-circle-o-down "\f01a" + ,arrow-circle-o-up "\f01b" + ,inbox "\f01c" + ,play-circle-o "\f01d" + ,repeat "\f01e" + ,refresh "\f021" + ,list-alt "\f022" + ,lock "\f023" + ,flag "\f024" + ,headphones "\f025" + ,volume-off "\f026" + ,volume-down "\f027" + ,volume-up "\f028" + ,qrcode "\f029" + ,barcode "\f02a" + ,tag "\f02b" + ,tags "\f02c" + ,book "\f02d" + ,bookmark "\f02e" + ,print "\f02f" + ,camera "\f030" + ,font "\f031" + ,bold "\f032" + ,italic "\f033" + ,text-height "\f034" + ,text-width "\f035" + ,align-left "\f036" + ,align-center "\f037" + ,align-right "\f038" + ,align-justify "\f039" + ,list "\f03a" + ,outdent "\f03b" + ,indent "\f03c" + ,video-camera "\f03d" + ,picture-o "\f03e" + ,pencil "\f040" + ,map-marker "\f041" + ,adjust "\f042" + ,tint "\f043" + ,pencil-square-o "\f044" + ,share-square-o "\f045" + ,check-square-o "\f046" + ,move "\f047" + ,step-backward "\f048" + ,fast-backward "\f049" + ,backward "\f04a" + ,play "\f04b" + ,pause "\f04c" + ,stop "\f04d" + ,forward "\f04e" + ,fast-forward "\f050" + ,step-forward "\f051" + ,eject "\f052" + ,chevron-left "\f053" + ,chevron-right "\f054" + ,plus-circle "\f055" + ,minus-circle "\f056" + ,times-circle "\f057" + ,check-circle "\f058" + ,question-circle "\f059" + ,info-circle "\f05a" + ,crosshairs "\f05b" + ,times-circle-o "\f05c" + ,check-circle-o "\f05d" + ,ban "\f05e" + ,arrow-left "\f060" + ,arrow-right "\f061" + ,arrow-up "\f062" + ,arrow-down "\f063" + ,share "\f064" + ,resize-full "\f065" + ,resize-small "\f066" + ,plus "\f067" + ,minus "\f068" + ,asterisk "\f069" + ,exclamation-circle "\f06a" + ,gift "\f06b" + ,leaf "\f06c" + ,fire "\f06d" + ,eye "\f06e" + ,eye-slash "\f070" + ,exclamation-triangle "\f071" + ,plane "\f072" + ,calendar "\f073" + ,random "\f074" + ,comment "\f075" + ,magnet "\f076" + ,chevron-up "\f077" + ,chevron-down "\f078" + ,retweet "\f079" + ,shopping-cart "\f07a" + ,folder "\f07b" + ,folder-open "\f07c" + ,resize-vertical "\f07d" + ,resize-horizontal "\f07e" + ,bar-chart-o "\f080" + ,twitter-square "\f081" + ,facebook-square "\f082" + ,camera-retro "\f083" + ,key "\f084" + ,cogs "\f085" + ,comments "\f086" + ,thumbs-o-up "\f087" + ,thumbs-o-down "\f088" + ,star-half "\f089" + ,heart-o "\f08a" + ,sign-out "\f08b" + ,linkedin-square "\f08c" + ,thumb-tack "\f08d" + ,external-link "\f08e" + ,sign-in "\f090" + ,trophy "\f091" + ,github-square "\f092" + ,upload "\f093" + ,lemon-o "\f094" + ,phone "\f095" + ,square-o "\f096" + ,bookmark-o "\f097" + ,phone-square "\f098" + ,twitter "\f099" + ,facebook "\f09a" + ,github "\f09b" + ,unlock "\f09c" + ,credit-card "\f09d" + ,rss "\f09e" + ,hdd-o "\f0a0" + ,bullhorn "\f0a1" + ,bell "\f0f3" + ,certificate "\f0a3" + ,hand-o-right "\f0a4" + ,hand-o-left "\f0a5" + ,hand-o-up "\f0a6" + ,hand-o-down "\f0a7" + ,arrow-circle-left "\f0a8" + ,arrow-circle-right "\f0a9" + ,arrow-circle-up "\f0aa" + ,arrow-circle-down "\f0ab" + ,globe "\f0ac" + ,wrench "\f0ad" + ,tasks "\f0ae" + ,filter "\f0b0" + ,briefcase "\f0b1" + ,fullscreen "\f0b2" + ,group "\f0c0" + ,link "\f0c1" + ,cloud "\f0c2" + ,flask "\f0c3" + ,scissors "\f0c4" + ,files-o "\f0c5" + ,paperclip "\f0c6" + ,floppy-o "\f0c7" + ,square "\f0c8" + ,reorder "\f0c9" + ,list-ul "\f0ca" + ,list-ol "\f0cb" + ,strikethrough "\f0cc" + ,underline "\f0cd" + ,table "\f0ce" + ,magic "\f0d0" + ,truck "\f0d1" + ,pinterest "\f0d2" + ,pinterest-square "\f0d3" + ,google-plus-square "\f0d4" + ,google-plus "\f0d5" + ,money "\f0d6" + ,caret-down "\f0d7" + ,caret-up "\f0d8" + ,caret-left "\f0d9" + ,caret-right "\f0da" + ,columns "\f0db" + ,sort "\f0dc" + ,sort-asc "\f0dd" + ,sort-desc "\f0de" + ,envelope "\f0e0" + ,linkedin "\f0e1" + ,undo "\f0e2" + ,gavel "\f0e3" + ,tachometer "\f0e4" + ,comment-o "\f0e5" + ,comments-o "\f0e6" + ,bolt "\f0e7" + ,sitemap "\f0e8" + ,umbrella "\f0e9" + ,clipboard "\f0ea" + ,lightbulb-o "\f0eb" + ,exchange "\f0ec" + ,cloud-download "\f0ed" + ,cloud-upload "\f0ee" + ,user-md "\f0f0" + ,stethoscope "\f0f1" + ,suitcase "\f0f2" + ,bell-o "\f0a2" + ,coffee "\f0f4" + ,cutlery "\f0f5" + ,file-text-o "\f0f6" + ,building "\f0f7" + ,hospital "\f0f8" + ,ambulance "\f0f9" + ,medkit "\f0fa" + ,fighter-jet "\f0fb" + ,beer "\f0fc" + ,h-square "\f0fd" + ,plus-square "\f0fe" + ,angle-double-left "\f100" + ,angle-double-right "\f101" + ,angle-double-up "\f102" + ,angle-double-down "\f103" + ,angle-left "\f104" + ,angle-right "\f105" + ,angle-up "\f106" + ,angle-down "\f107" + ,desktop "\f108" + ,laptop "\f109" + ,tablet "\f10a" + ,mobile "\f10b" + ,circle-o "\f10c" + ,quote-left "\f10d" + ,quote-right "\f10e" + ,spinner "\f110" + ,circle "\f111" + ,reply "\f112" + ,github-alt "\f113" + ,folder-o "\f114" + ,folder-open-o "\f115" + ,expand-o "\f116" + ,collapse-o "\f117" + ,smile-o "\f118" + ,frown-o "\f119" + ,meh-o "\f11a" + ,gamepad "\f11b" + ,keyboard-o "\f11c" + ,flag-o "\f11d" + ,flag-checkered "\f11e" + ,terminal "\f120" + ,code "\f121" + ,reply-all "\f122" + ,mail-reply-all "\f122" + ,star-half-o "\f123" + ,location-arrow "\f124" + ,crop "\f125" + ,code-fork "\f126" + ,chain-broken "\f127" + ,question "\f128" + ,info "\f129" + ,exclamation "\f12a" + ,superscript "\f12b" + ,subscript "\f12c" + ,eraser "\f12d" + ,puzzle-piece "\f12e" + ,microphone "\f130" + ,microphone-slash "\f131" + ,shield "\f132" + ,calendar-o "\f133" + ,fire-extinguisher "\f134" + ,rocket "\f135" + ,maxcdn "\f136" + ,chevron-circle-left "\f137" + ,chevron-circle-right "\f138" + ,chevron-circle-up "\f139" + ,chevron-circle-down "\f13a" + ,html5 "\f13b" + ,css3 "\f13c" + ,anchor "\f13d" + ,unlock-o "\f13e" + ,bullseye "\f140" + ,ellipsis-horizontal "\f141" + ,ellipsis-vertical "\f142" + ,rss-square "\f143" + ,play-circle "\f144" + ,ticket "\f145" + ,minus-square "\f146" + ,minus-square-o "\f147" + ,level-up "\f148" + ,level-down "\f149" + ,check-square "\f14a" + ,pencil-square "\f14b" + ,external-link-square "\f14c" + ,share-square "\f14d" + ,compass "\f14e" + ,caret-square-o-down "\f150" + ,caret-square-o-up "\f151" + ,caret-square-o-right "\f152" + ,eur "\f153" + ,gbp "\f154" + ,usd "\f155" + ,inr "\f156" + ,jpy "\f157" + ,rub "\f158" + ,krw "\f159" + ,btc "\f15a" + ,file "\f15b" + ,file-text "\f15c" + ,sort-alpha-asc "\f15d" + ,sort-alpha-desc "\f15e" + ,sort-amount-asc "\f160" + ,sort-amount-desc "\f161" + ,sort-numeric-asc "\f162" + ,sort-numeric-desc "\f163" + ,thumbs-up "\f164" + ,thumbs-down "\f165" + ,youtube-square "\f166" + ,youtube "\f167" + ,xing "\f168" + ,xing-square "\f169" + ,youtube-play "\f16a" + ,dropbox "\f16b" + ,stack-overflow "\f16c" + ,instagram "\f16d" + ,flickr "\f16e" + ,adn "\f170" + ,bitbucket "\f171" + ,bitbucket-square "\f172" + ,tumblr "\f173" + ,tumblr-square "\f174" + ,long-arrow-down "\f175" + ,long-arrow-up "\f176" + ,long-arrow-left "\f177" + ,long-arrow-right "\f178" + ,apple "\f179" + ,windows "\f17a" + ,android "\f17b" + ,linux "\f17c" + ,dribbble "\f17d" + ,skype "\f17e" + ,foursquare "\f180" + ,trello "\f181" + ,female "\f182" + ,male "\f183" + ,gittip "\f184" + ,sun-o "\f185" + ,moon-o "\f186" + ,archive "\f187" + ,bug "\f188" + ,vk "\f189" + ,weibo "\f18a" + ,renren "\f18b" + ,pagelines "\f18c" + ,stack-exchange "\f18d" + ,arrow-circle-o-right "\f18e" + ,arrow-circle-o-left "\f190" + ,caret-square-o-left "\f191" + ,dot-circle-o "\f192" + ,wheelchair "\f193" + ,vimeo-square "\f194" + ,try "\f195"; +$fa-alias: + gear cog + ,rotate-right repeat + ,dedent outdent + ,edit pencil-square-o + ,mail-forward share + ,warning exclamation-triangle + ,gears cogs + ,chain link + ,cut scissors + ,copy files-o + ,save floppy-o + ,unsorted sort + ,sort-down sort-asc + ,sort-up sort-desc + ,rotate-left undo + ,legal gavel + ,dashboard tachometer + ,flash bolt + ,paste clipboard + ,mobile-phone mobile + ,mail-reply reply + ,star-half-empty star-half-o + ,star-half-full star-half-o + ,unlink chain-broken + ,toggle-down caret-square-o-down + ,toggle-up caret-square-o-up + ,toggle-right caret-square-o-right + ,euro eur + ,dollar usd + ,rupee inr + ,cny jpy + ,rmb jpy + ,yen jpy + ,ruble rub + ,rouble rub + ,won krw + ,bitcoin btc + ,toggle-left caret-square-o-left + ,turkish-lira try;