Skip to content

Instantly share code, notes, and snippets.

@Krule

Krule/font-awesome.css.sass

Forked from mbreit/font-awesome.css.sass
Last active August 29, 2015 14:11
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Krule/f5dde13bc6e6098426d8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Krule/f5dde13bc6e6098426d8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @mbreit mbreit revised this gist Jan 11, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion font-awesome.css.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    $fontawesome_path: "" !default
    $fontawesome_path: "." !default

    @font-face
    font-family: 'FontAwesome'
  2. @mbreit mbreit revised this gist Jan 11, 2013. 1 changed file with 43 additions and 4 deletions.
    47 changes: 43 additions & 4 deletions font-awesome.css.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -1,9 +1,9 @@
    $font_path: "fontawesome-webfont" !default
    $fontawesome_path: "" !default

    @font-face
    font-family: 'FontAwesome'
    src: font-url("#{$font_path}.eot")
    src: font-url("#{$font_path}.eot?#iefix") unquote("format('eot')"), font-url("#{$font_path}.woff") unquote("format('woff')"), font-url("#{$font_path}.ttf") unquote("format('truetype')"), font-url("#{$font_path}.svgz#FontAwesomeRegular") unquote("format('svg')"), font-url("#{$font_path}.svg#FontAwesomeRegular") unquote("format('svg')")
    src: font-url('#{$fontawesome_path}/fontawesome-webfont.eot')
    src: font-url('#{$fontawesome_path}/fontawesome-webfont.eot?#iefix') format("embedded-opentype"), font-url('#{$fontawesome_path}/fontawesome-webfont.woff') format("woff"), font-url('#{$fontawesome_path}/fontawesome-webfont.ttf') format("truetype")
    font-weight: normal
    font-style: normal

    @@ -233,4 +233,43 @@ $icon-bolt: "\f0e7"
    $icon-sitemap: "\f0e8"
    $icon-umbrella: "\f0e9"
    $icon-paste: "\f0ea"
    $icon-user-md: "\f200"
    $icon-lightbulb: "\f0eb"
    $icon-exchange: "\f0ec"
    $icon-cloud-download: "\f0ed"
    $icon-cloud-upload: "\f0ee"
    $icon-user-md: "\f0f0"
    $icon-stethoscope: "\f0f1"
    $icon-suitcase: "\f0f2"
    $icon-bell-alt: "\f0f3"
    $icon-coffee: "\f0f4"
    $icon-food: "\f0f5"
    $icon-file-alt: "\f0f6"
    $icon-building: "\f0f7"
    $icon-hospital: "\f0f8"
    $icon-ambulance: "\f0f9"
    $icon-medkit: "\f0fa"
    $icon-fighter-jet: "\f0fb"
    $icon-beer: "\f0fc"
    $icon-h-sign: "\f0fd"
    $icon-plus-sign-alt: "\f0fe"
    $icon-double-angle-left: "\f100"
    $icon-double-angle-right: "\f101"
    $icon-double-angle-up: "\f102"
    $icon-double-angle-down: "\f103"
    $icon-angle-left: "\f104"
    $icon-angle-right: "\f105"
    $icon-angle-up: "\f106"
    $icon-angle-down: "\f107"
    $icon-desktop: "\f108"
    $icon-laptop: "\f109"
    $icon-tablet: "\f10a"
    $icon-mobile-phone: "\f10b"
    $icon-circle-blank: "\f10c"
    $icon-quote-left: "\f10d"
    $icon-quote-right: "\f10e"
    $icon-spinner: "\f110"
    $icon-circle: "\f111"
    $icon-reply: "\f112"
    $icon-github-alt: "\f113"
    $icon-folder-close-alt: "\f114"
    $icon-folder-open-alt: "\f115"
  3. @mbreit mbreit renamed this gist Dec 12, 2012. 1 changed file with 0 additions and 0 deletions.
    0 icons.css.sass → font-awesome.css.sass
    View file
    File renamed without changes.
  4. @mbreit mbreit created this gist Dec 12, 2012.
    236 changes: 236 additions & 0 deletions icons.css.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,236 @@
    $font_path: "fontawesome-webfont" !default

    @font-face
    font-family: 'FontAwesome'
    src: font-url("#{$font_path}.eot")
    src: font-url("#{$font_path}.eot?#iefix") unquote("format('eot')"), font-url("#{$font_path}.woff") unquote("format('woff')"), font-url("#{$font_path}.ttf") unquote("format('truetype')"), font-url("#{$font_path}.svgz#FontAwesomeRegular") unquote("format('svg')"), font-url("#{$font_path}.svg#FontAwesomeRegular") unquote("format('svg')")
    font-weight: normal
    font-style: normal

    @mixin icon($icon)
    @extend %icon
    content: $icon

    @mixin icon-before($icon, $padding: 0)
    &:before
    +icon($icon)
    padding-right: $padding

    %icon
    font-family: FontAwesome
    font-weight: normal
    font-style: normal
    display: inline-block
    text-decoration: inherit
    line-height: 1

    $icon-glass: "\f000"
    $icon-music: "\f001"
    $icon-search: "\f002"
    $icon-envelope: "\f003"
    $icon-heart: "\f004"
    $icon-star: "\f005"
    $icon-star-empty: "\f006"
    $icon-user: "\f007"
    $icon-film: "\f008"
    $icon-th-large: "\f009"
    $icon-th: "\f00a"
    $icon-th-list: "\f00b"
    $icon-ok: "\f00c"
    $icon-remove: "\f00d"
    $icon-zoom-in: "\f00e"
    $icon-zoom-out: "\f010"
    $icon-off: "\f011"
    $icon-signal: "\f012"
    $icon-cog: "\f013"
    $icon-trash: "\f014"
    $icon-home: "\f015"
    $icon-file: "\f016"
    $icon-time: "\f017"
    $icon-road: "\f018"
    $icon-download-alt: "\f019"
    $icon-download: "\f01a"
    $icon-upload: "\f01b"
    $icon-inbox: "\f01c"
    $icon-play-circle: "\f01d"
    $icon-repeat: "\f01e"
    $icon-refresh: "\f021"
    $icon-list-alt: "\f022"
    $icon-lock: "\f023"
    $icon-flag: "\f024"
    $icon-headphones: "\f025"
    $icon-volume-off: "\f026"
    $icon-volume-down: "\f027"
    $icon-volume-up: "\f028"
    $icon-qrcode: "\f029"
    $icon-barcode: "\f02a"
    $icon-tag: "\f02b"
    $icon-tags: "\f02c"
    $icon-book: "\f02d"
    $icon-bookmark: "\f02e"
    $icon-print: "\f02f"
    $icon-camera: "\f030"
    $icon-font: "\f031"
    $icon-bold: "\f032"
    $icon-italic: "\f033"
    $icon-text-height: "\f034"
    $icon-text-width: "\f035"
    $icon-align-left: "\f036"
    $icon-align-center: "\f037"
    $icon-align-right: "\f038"
    $icon-align-justify: "\f039"
    $icon-list: "\f03a"
    $icon-indent-left: "\f03b"
    $icon-indent-right: "\f03c"
    $icon-facetime-video: "\f03d"
    $icon-picture: "\f03e"
    $icon-pencil: "\f040"
    $icon-map-marker: "\f041"
    $icon-adjust: "\f042"
    $icon-tint: "\f043"
    $icon-edit: "\f044"
    $icon-share: "\f045"
    $icon-check: "\f046"
    $icon-move: "\f047"
    $icon-step-backward: "\f048"
    $icon-fast-backward: "\f049"
    $icon-backward: "\f04a"
    $icon-play: "\f04b"
    $icon-pause: "\f04c"
    $icon-stop: "\f04d"
    $icon-forward: "\f04e"
    $icon-fast-forward: "\f050"
    $icon-step-forward: "\f051"
    $icon-eject: "\f052"
    $icon-chevron-left: "\f053"
    $icon-chevron-right: "\f054"
    $icon-plus-sign: "\f055"
    $icon-minus-sign: "\f056"
    $icon-remove-sign: "\f057"
    $icon-ok-sign: "\f058"
    $icon-question-sign: "\f059"
    $icon-info-sign: "\f05a"
    $icon-screenshot: "\f05b"
    $icon-remove-circle: "\f05c"
    $icon-ok-circle: "\f05d"
    $icon-ban-circle: "\f05e"
    $icon-arrow-left: "\f060"
    $icon-arrow-right: "\f061"
    $icon-arrow-up: "\f062"
    $icon-arrow-down: "\f063"
    $icon-share-alt: "\f064"
    $icon-resize-full: "\f065"
    $icon-resize-small: "\f066"
    $icon-plus: "\f067"
    $icon-minus: "\f068"
    $icon-asterisk: "\f069"
    $icon-exclamation-sign: "\f06a"
    $icon-gift: "\f06b"
    $icon-leaf: "\f06c"
    $icon-fire: "\f06d"
    $icon-eye-open: "\f06e"
    $icon-eye-close: "\f070"
    $icon-warning-sign: "\f071"
    $icon-plane: "\f072"
    $icon-calendar: "\f073"
    $icon-random: "\f074"
    $icon-comment: "\f075"
    $icon-magnet: "\f076"
    $icon-chevron-up: "\f077"
    $icon-chevron-down: "\f078"
    $icon-retweet: "\f079"
    $icon-shopping-cart: "\f07a"
    $icon-folder-close: "\f07b"
    $icon-folder-open: "\f07c"
    $icon-resize-vertical: "\f07d"
    $icon-resize-horizontal: "\f07e"
    $icon-bar-chart: "\f080"
    $icon-twitter-sign: "\f081"
    $icon-facebook-sign: "\f082"
    $icon-camera-retro: "\f083"
    $icon-key: "\f084"
    $icon-cogs: "\f085"
    $icon-comments: "\f086"
    $icon-thumbs-up: "\f087"
    $icon-thumbs-down: "\f088"
    $icon-star-half: "\f089"
    $icon-heart-empty: "\f08a"
    $icon-signout: "\f08b"
    $icon-linkedin-sign: "\f08c"
    $icon-pushpin: "\f08d"
    $icon-external-link: "\f08e"
    $icon-signin: "\f090"
    $icon-trophy: "\f091"
    $icon-github-sign: "\f092"
    $icon-upload-alt: "\f093"
    $icon-lemon: "\f094"
    $icon-phone: "\f095"
    $icon-check-empty: "\f096"
    $icon-bookmark-empty: "\f097"
    $icon-phone-sign: "\f098"
    $icon-twitter: "\f099"
    $icon-facebook: "\f09a"
    $icon-github: "\f09b"
    $icon-unlock: "\f09c"
    $icon-credit-card: "\f09d"
    $icon-rss: "\f09e"
    $icon-hdd: "\f0a0"
    $icon-bullhorn: "\f0a1"
    $icon-bell: "\f0a2"
    $icon-certificate: "\f0a3"
    $icon-hand-right: "\f0a4"
    $icon-hand-left: "\f0a5"
    $icon-hand-up: "\f0a6"
    $icon-hand-down: "\f0a7"
    $icon-circle-arrow-left: "\f0a8"
    $icon-circle-arrow-right: "\f0a9"
    $icon-circle-arrow-up: "\f0aa"
    $icon-circle-arrow-down: "\f0ab"
    $icon-globe: "\f0ac"
    $icon-wrench: "\f0ad"
    $icon-tasks: "\f0ae"
    $icon-filter: "\f0b0"
    $icon-briefcase: "\f0b1"
    $icon-fullscreen: "\f0b2"
    $icon-group: "\f0c0"
    $icon-link: "\f0c1"
    $icon-cloud: "\f0c2"
    $icon-beaker: "\f0c3"
    $icon-cut: "\f0c4"
    $icon-copy: "\f0c5"
    $icon-paper-clip: "\f0c6"
    $icon-save: "\f0c7"
    $icon-sign-blank: "\f0c8"
    $icon-reorder: "\f0c9"
    $icon-list-ul: "\f0ca"
    $icon-list-ol: "\f0cb"
    $icon-strikethrough: "\f0cc"
    $icon-underline: "\f0cd"
    $icon-table: "\f0ce"
    $icon-magic: "\f0d0"
    $icon-truck: "\f0d1"
    $icon-pinterest: "\f0d2"
    $icon-pinterest-sign: "\f0d3"
    $icon-google-plus-sign: "\f0d4"
    $icon-google-plus: "\f0d5"
    $icon-money: "\f0d6"
    $icon-caret-down: "\f0d7"
    $icon-caret-up: "\f0d8"
    $icon-caret-left: "\f0d9"
    $icon-caret-right: "\f0da"
    $icon-columns: "\f0db"
    $icon-sort: "\f0dc"
    $icon-sort-down: "\f0dd"
    $icon-sort-up: "\f0de"
    $icon-envelope-alt: "\f0e0"
    $icon-linkedin: "\f0e1"
    $icon-undo: "\f0e2"
    $icon-legal: "\f0e3"
    $icon-dashboard: "\f0e4"
    $icon-comment-alt: "\f0e5"
    $icon-comments-alt: "\f0e6"
    $icon-bolt: "\f0e7"
    $icon-sitemap: "\f0e8"
    $icon-umbrella: "\f0e9"
    $icon-paste: "\f0ea"
    $icon-user-md: "\f200"