Last active
August 29, 2015 14:19
-
-
Save mlteal/7e150ed52d716f7f8e65 to your computer and use it in GitHub Desktop.
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
| /* Font Awesome icons | |
| * | |
| * More easily reference Font Awesome icons without needing to use @extends or use the actual classes in the markup. | |
| * Icons are current as of Font Awesome v4.3.0 | |
| * | |
| * Ex: @include fa-icon( 'chevron-down' ); | |
| * | |
| * @param $icon the name of the icon excluding the fa- prefix | |
| * @param $styles when set to true includes the recommended FA styles, false just applies font-family | |
| * @param $position by default set to false which means the mixin needs to be used within a pseudo element | |
| *************************************************/ | |
| @mixin fa-icon( $icon: '', $styles: false, $position: false ) { | |
| // map the icons to a key -> value array | |
| $fa-icon-map: ( | |
| adjust: "\f042", | |
| adn: "\f170", | |
| align-center: "\f037", | |
| align-justify: "\f039", | |
| align-left: "\f036", | |
| align-right: "\f038", | |
| ambulance: "\f0f9", | |
| anchor: "\f13d", | |
| android: "\f17b", | |
| angellist: "\f209", | |
| angle-double-down: "\f103", | |
| angle-double-left: "\f100", | |
| angle-double-right: "\f101", | |
| angle-double-up: "\f102", | |
| angle-down: "\f107", | |
| angle-left: "\f104", | |
| angle-right: "\f105", | |
| angle-up: "\f106", | |
| apple: "\f179", | |
| archive: "\f187", | |
| area-chart: "\f1fe", | |
| arrow-circle-down: "\f0ab", | |
| arrow-circle-left: "\f0a8", | |
| arrow-circle-o-down: "\f01a", | |
| arrow-circle-o-left: "\f190", | |
| arrow-circle-o-right: "\f18e", | |
| arrow-circle-o-up: "\f01b", | |
| arrow-circle-right: "\f0a9", | |
| arrow-circle-up: "\f0aa", | |
| arrow-down: "\f063", | |
| arrow-left: "\f060", | |
| arrow-right: "\f061", | |
| arrow-up: "\f062", | |
| arrows: "\f047", | |
| arrows-alt: "\f0b2", | |
| arrows-h: "\f07e", | |
| arrows-v: "\f07d", | |
| asterisk: "\f069", | |
| at: "\f1fa", | |
| automobile: "\f1b9", | |
| backward: "\f04a", | |
| ban: "\f05e", | |
| bank: "\f19c", | |
| bar-chart: "\f080", | |
| bar-chart-o: "\f080", | |
| barcode: "\f02a", | |
| bars: "\f0c9", | |
| bed: "\f236", | |
| beer: "\f0fc", | |
| behance: "\f1b4", | |
| behance-square: "\f1b5", | |
| bell: "\f0f3", | |
| bell-o: "\f0a2", | |
| bell-slash: "\f1f6", | |
| bell-slash-o: "\f1f7", | |
| bicycle: "\f206", | |
| binoculars: "\f1e5", | |
| birthday-cake: "\f1fd", | |
| bitbucket: "\f171", | |
| bitbucket-square: "\f172", | |
| bitcoin: "\f15a", | |
| bold: "\f032", | |
| bolt: "\f0e7", | |
| bomb: "\f1e2", | |
| book: "\f02d", | |
| bookmark: "\f02e", | |
| bookmark-o: "\f097", | |
| briefcase: "\f0b1", | |
| btc: "\f15a", | |
| bug: "\f188", | |
| building: "\f1ad", | |
| building-o: "\f0f7", | |
| bullhorn: "\f0a1", | |
| bullseye: "\f140", | |
| bus: "\f207", | |
| buysellads: "\f20d", | |
| cab: "\f1ba", | |
| calculator: "\f1ec", | |
| calendar: "\f073", | |
| calendar-o: "\f133", | |
| camera: "\f030", | |
| camera-retro: "\f083", | |
| car: "\f1b9", | |
| caret-down: "\f0d7", | |
| caret-left: "\f0d9", | |
| caret-right: "\f0da", | |
| caret-square-o-down: "\f150", | |
| caret-square-o-left: "\f191", | |
| caret-square-o-right: "\f152", | |
| caret-square-o-up: "\f151", | |
| caret-up: "\f0d8", | |
| cart-arrow-down: "\f218", | |
| cart-plus: "\f217", | |
| cc: "\f20a", | |
| cc-amex: "\f1f3", | |
| cc-discover: "\f1f2", | |
| cc-mastercard: "\f1f1", | |
| cc-paypal: "\f1f4", | |
| cc-stripe: "\f1f5", | |
| cc-visa: "\f1f0", | |
| certificate: "\f0a3", | |
| chain: "\f0c1", | |
| chain-broken: "\f127", | |
| check: "\f00c", | |
| check-circle: "\f058", | |
| check-circle-o: "\f05d", | |
| check-square: "\f14a", | |
| check-square-o: "\f046", | |
| chevron-circle-down: "\f13a", | |
| chevron-circle-left: "\f137", | |
| chevron-circle-right: "\f138", | |
| chevron-circle-up: "\f139", | |
| chevron-down: "\f078", | |
| chevron-left: "\f053", | |
| chevron-right: "\f054", | |
| chevron-up: "\f077", | |
| child: "\f1ae", | |
| circle: "\f111", | |
| circle-o: "\f10c", | |
| circle-o-notch: "\f1ce", | |
| circle-thin: "\f1db", | |
| clipboard: "\f0ea", | |
| clock-o: "\f017", | |
| close: "\f00d", | |
| cloud: "\f0c2", | |
| cloud-download: "\f0ed", | |
| cloud-upload: "\f0ee", | |
| cny: "\f157", | |
| code: "\f121", | |
| code-fork: "\f126", | |
| codepen: "\f1cb", | |
| coffee: "\f0f4", | |
| cog: "\f013", | |
| cogs: "\f085", | |
| columns: "\f0db", | |
| comment: "\f075", | |
| comment-o: "\f0e5", | |
| comments: "\f086", | |
| comments-o: "\f0e6", | |
| compass: "\f14e", | |
| compress: "\f066", | |
| connectdevelop: "\f20e", | |
| copy: "\f0c5", | |
| copyright: "\f1f9", | |
| credit-card: "\f09d", | |
| crop: "\f125", | |
| crosshairs: "\f05b", | |
| css3: "\f13c", | |
| cube: "\f1b2", | |
| cubes: "\f1b3", | |
| cut: "\f0c4", | |
| cutlery: "\f0f5", | |
| dashboard: "\f0e4", | |
| dashcube: "\f210", | |
| database: "\f1c0", | |
| dedent: "\f03b", | |
| delicious: "\f1a5", | |
| desktop: "\f108", | |
| deviantart: "\f1bd", | |
| diamond: "\f219", | |
| digg: "\f1a6", | |
| dollar: "\f155", | |
| dot-circle-o: "\f192", | |
| download: "\f019", | |
| dribbble: "\f17d", | |
| dropbox: "\f16b", | |
| drupal: "\f1a9", | |
| edit: "\f044", | |
| eject: "\f052", | |
| ellipsis-h: "\f141", | |
| ellipsis-v: "\f142", | |
| empire: "\f1d1", | |
| envelope: "\f0e0", | |
| envelope-o: "\f003", | |
| envelope-square: "\f199", | |
| eraser: "\f12d", | |
| eur: "\f153", | |
| euro: "\f153", | |
| exchange: "\f0ec", | |
| exclamation: "\f12a", | |
| exclamation-circle: "\f06a", | |
| exclamation-triangle: "\f071", | |
| expand: "\f065", | |
| external-link: "\f08e", | |
| external-link-square: "\f14c", | |
| eye: "\f06e", | |
| eye-slash: "\f070", | |
| eyedropper: "\f1fb", | |
| facebook: "\f09a", | |
| facebook-f: "\f09a", | |
| facebook-official: "\f230", | |
| facebook-square: "\f082", | |
| fast-backward: "\f049", | |
| fast-forward: "\f050", | |
| fax: "\f1ac", | |
| female: "\f182", | |
| fighter-jet: "\f0fb", | |
| file: "\f15b", | |
| file-archive-o: "\f1c6", | |
| file-audio-o: "\f1c7", | |
| file-code-o: "\f1c9", | |
| file-excel-o: "\f1c3", | |
| file-image-o: "\f1c5", | |
| file-movie-o: "\f1c8", | |
| file-o: "\f016", | |
| file-pdf-o: "\f1c1", | |
| file-photo-o: "\f1c5", | |
| file-picture-o: "\f1c5", | |
| file-powerpoint-o: "\f1c4", | |
| file-sound-o: "\f1c7", | |
| file-text: "\f15c", | |
| file-text-o: "\f0f6", | |
| file-video-o: "\f1c8", | |
| file-word-o: "\f1c2", | |
| file-zip-o: "\f1c6", | |
| files-o: "\f0c5", | |
| film: "\f008", | |
| filter: "\f0b0", | |
| fire: "\f06d", | |
| fire-extinguisher: "\f134", | |
| flag: "\f024", | |
| flag-checkered: "\f11e", | |
| flag-o: "\f11d", | |
| flash: "\f0e7", | |
| flask: "\f0c3", | |
| flickr: "\f16e", | |
| floppy-o: "\f0c7", | |
| folder: "\f07b", | |
| folder-o: "\f114", | |
| folder-open: "\f07c", | |
| folder-open-o: "\f115", | |
| font: "\f031", | |
| forumbee: "\f211", | |
| forward: "\f04e", | |
| foursquare: "\f180", | |
| frown-o: "\f119", | |
| futbol-o: "\f1e3", | |
| gamepad: "\f11b", | |
| gavel: "\f0e3", | |
| gbp: "\f154", | |
| ge: "\f1d1", | |
| gear: "\f013", | |
| gears: "\f085", | |
| genderless: "\f1db", | |
| gift: "\f06b", | |
| git: "\f1d3", | |
| git-square: "\f1d2", | |
| github: "\f09b", | |
| github-alt: "\f113", | |
| github-square: "\f092", | |
| gittip: "\f184", | |
| glass: "\f000", | |
| globe: "\f0ac", | |
| google: "\f1a0", | |
| google-plus: "\f0d5", | |
| google-plus-square: "\f0d4", | |
| google-wallet: "\f1ee", | |
| graduation-cap: "\f19d", | |
| gratipay: "\f184", | |
| group: "\f0c0", | |
| h-square: "\f0fd", | |
| hacker-news: "\f1d4", | |
| hand-o-down: "\f0a7", | |
| hand-o-left: "\f0a5", | |
| hand-o-right: "\f0a4", | |
| hand-o-up: "\f0a6", | |
| hdd-o: "\f0a0", | |
| header: "\f1dc", | |
| headphones: "\f025", | |
| heart: "\f004", | |
| heart-o: "\f08a", | |
| heartbeat: "\f21e", | |
| history: "\f1da", | |
| home: "\f015", | |
| hospital-o: "\f0f8", | |
| hotel: "\f236", | |
| html5: "\f13b", | |
| ils: "\f20b", | |
| image: "\f03e", | |
| inbox: "\f01c", | |
| indent: "\f03c", | |
| info: "\f129", | |
| info-circle: "\f05a", | |
| inr: "\f156", | |
| instagram: "\f16d", | |
| institution: "\f19c", | |
| ioxhost: "\f208", | |
| italic: "\f033", | |
| joomla: "\f1aa", | |
| jpy: "\f157", | |
| jsfiddle: "\f1cc", | |
| key: "\f084", | |
| keyboard-o: "\f11c", | |
| krw: "\f159", | |
| language: "\f1ab", | |
| laptop: "\f109", | |
| lastfm: "\f202", | |
| lastfm-square: "\f203", | |
| leaf: "\f06c", | |
| leanpub: "\f212", | |
| legal: "\f0e3", | |
| lemon-o: "\f094", | |
| level-down: "\f149", | |
| level-up: "\f148", | |
| life-bouy: "\f1cd", | |
| life-buoy: "\f1cd", | |
| life-ring: "\f1cd", | |
| life-saver: "\f1cd", | |
| lightbulb-o: "\f0eb", | |
| line-chart: "\f201", | |
| link: "\f0c1", | |
| linkedin: "\f0e1", | |
| linkedin-square: "\f08c", | |
| linux: "\f17c", | |
| list: "\f03a", | |
| list-alt: "\f022", | |
| list-ol: "\f0cb", | |
| list-ul: "\f0ca", | |
| location-arrow: "\f124", | |
| lock: "\f023", | |
| long-arrow-down: "\f175", | |
| long-arrow-left: "\f177", | |
| long-arrow-right: "\f178", | |
| long-arrow-up: "\f176", | |
| magic: "\f0d0", | |
| magnet: "\f076", | |
| mail-forward: "\f064", | |
| mail-reply: "\f112", | |
| mail-reply-all: "\f122", | |
| male: "\f183", | |
| map-marker: "\f041", | |
| mars: "\f222", | |
| mars-double: "\f227", | |
| mars-stroke: "\f229", | |
| mars-stroke-h: "\f22b", | |
| mars-stroke-v: "\f22a", | |
| maxcdn: "\f136", | |
| meanpath: "\f20c", | |
| medium: "\f23a", | |
| medkit: "\f0fa", | |
| meh-o: "\f11a", | |
| mercury: "\f223", | |
| microphone: "\f130", | |
| microphone-slash: "\f131", | |
| minus: "\f068", | |
| minus-circle: "\f056", | |
| minus-square: "\f146", | |
| minus-square-o: "\f147", | |
| mobile: "\f10b", | |
| mobile-phone: "\f10b", | |
| money: "\f0d6", | |
| moon-o: "\f186", | |
| mortar-board: "\f19d", | |
| motorcycle: "\f21c", | |
| music: "\f001", | |
| navicon: "\f0c9", | |
| neuter: "\f22c", | |
| newspaper-o: "\f1ea", | |
| openid: "\f19b", | |
| outdent: "\f03b", | |
| pagelines: "\f18c", | |
| paint-brush: "\f1fc", | |
| paper-plane: "\f1d8", | |
| paper-plane-o: "\f1d9", | |
| paperclip: "\f0c6", | |
| paragraph: "\f1dd", | |
| paste: "\f0ea", | |
| pause: "\f04c", | |
| paw: "\f1b0", | |
| paypal: "\f1ed", | |
| pencil: "\f040", | |
| pencil-square: "\f14b", | |
| pencil-square-o: "\f044", | |
| phone: "\f095", | |
| phone-square: "\f098", | |
| photo: "\f03e", | |
| picture-o: "\f03e", | |
| pie-chart: "\f200", | |
| pied-piper: "\f1a7", | |
| pied-piper-alt: "\f1a8", | |
| pinterest: "\f0d2", | |
| pinterest-p: "\f231", | |
| pinterest-square: "\f0d3", | |
| plane: "\f072", | |
| play: "\f04b", | |
| play-circle: "\f144", | |
| play-circle-o: "\f01d", | |
| plug: "\f1e6", | |
| plus: "\f067", | |
| plus-circle: "\f055", | |
| plus-square: "\f0fe", | |
| plus-square-o: "\f196", | |
| power-off: "\f011", | |
| print: "\f02f", | |
| puzzle-piece: "\f12e", | |
| qq: "\f1d6", | |
| qrcode: "\f029", | |
| question: "\f128", | |
| question-circle: "\f059", | |
| quote-left: "\f10d", | |
| quote-right: "\f10e", | |
| ra: "\f1d0", | |
| random: "\f074", | |
| rebel: "\f1d0", | |
| recycle: "\f1b8", | |
| reddit: "\f1a1", | |
| reddit-square: "\f1a2", | |
| refresh: "\f021", | |
| remove: "\f00d", | |
| renren: "\f18b", | |
| reorder: "\f0c9", | |
| repeat: "\f01e", | |
| reply: "\f112", | |
| reply-all: "\f122", | |
| retweet: "\f079", | |
| rmb: "\f157", | |
| road: "\f018", | |
| rocket: "\f135", | |
| rotate-left: "\f0e2", | |
| rotate-right: "\f01e", | |
| rouble: "\f158", | |
| rss: "\f09e", | |
| rss-square: "\f143", | |
| rub: "\f158", | |
| ruble: "\f158", | |
| rupee: "\f156", | |
| save: "\f0c7", | |
| scissors: "\f0c4", | |
| search: "\f002", | |
| search-minus: "\f010", | |
| search-plus: "\f00e", | |
| sellsy: "\f213", | |
| send: "\f1d8", | |
| send-o: "\f1d9", | |
| server: "\f233", | |
| share: "\f064", | |
| share-alt: "\f1e0", | |
| share-alt-square: "\f1e1", | |
| share-square: "\f14d", | |
| share-square-o: "\f045", | |
| shekel: "\f20b", | |
| sheqel: "\f20b", | |
| shield: "\f132", | |
| ship: "\f21a", | |
| shirtsinbulk: "\f214", | |
| shopping-cart: "\f07a", | |
| sign-in: "\f090", | |
| sign-out: "\f08b", | |
| signal: "\f012", | |
| simplybuilt: "\f215", | |
| sitemap: "\f0e8", | |
| skyatlas: "\f216", | |
| skype: "\f17e", | |
| slack: "\f198", | |
| sliders: "\f1de", | |
| slideshare: "\f1e7", | |
| smile-o: "\f118", | |
| soccer-ball-o: "\f1e3", | |
| sort: "\f0dc", | |
| sort-alpha-asc: "\f15d", | |
| sort-alpha-desc: "\f15e", | |
| sort-amount-asc: "\f160", | |
| sort-amount-desc: "\f161", | |
| sort-asc: "\f0de", | |
| sort-desc: "\f0dd", | |
| sort-down: "\f0dd", | |
| sort-numeric-asc: "\f162", | |
| sort-numeric-desc: "\f163", | |
| sort-up: "\f0de", | |
| soundcloud: "\f1be", | |
| space-shuttle: "\f197", | |
| spinner: "\f110", | |
| spoon: "\f1b1", | |
| spotify: "\f1bc", | |
| square: "\f0c8", | |
| square-o: "\f096", | |
| stack-exchange: "\f18d", | |
| stack-overflow: "\f16c", | |
| star: "\f005", | |
| star-half: "\f089", | |
| star-half-empty: "\f123", | |
| star-half-full: "\f123", | |
| star-half-o: "\f123", | |
| star-o: "\f006", | |
| steam: "\f1b6", | |
| steam-square: "\f1b7", | |
| step-backward: "\f048", | |
| step-forward: "\f051", | |
| stethoscope: "\f0f1", | |
| stop: "\f04d", | |
| street-view: "\f21d", | |
| strikethrough: "\f0cc", | |
| stumbleupon: "\f1a4", | |
| stumbleupon-circle: "\f1a3", | |
| subscript: "\f12c", | |
| subway: "\f239", | |
| suitcase: "\f0f2", | |
| sun-o: "\f185", | |
| superscript: "\f12b", | |
| support: "\f1cd", | |
| table: "\f0ce", | |
| tablet: "\f10a", | |
| tachometer: "\f0e4", | |
| tag: "\f02b", | |
| tags: "\f02c", | |
| tasks: "\f0ae", | |
| taxi: "\f1ba", | |
| tencent-weibo: "\f1d5", | |
| terminal: "\f120", | |
| text-height: "\f034", | |
| text-width: "\f035", | |
| th: "\f00a", | |
| th-large: "\f009", | |
| th-list: "\f00b", | |
| thumb-tack: "\f08d", | |
| thumbs-down: "\f165", | |
| thumbs-o-down: "\f088", | |
| thumbs-o-up: "\f087", | |
| thumbs-up: "\f164", | |
| ticket: "\f145", | |
| times: "\f00d", | |
| times-circle: "\f057", | |
| times-circle-o: "\f05c", | |
| tint: "\f043", | |
| toggle-down: "\f150", | |
| toggle-left: "\f191", | |
| toggle-off: "\f204", | |
| toggle-on: "\f205", | |
| toggle-right: "\f152", | |
| toggle-up: "\f151", | |
| train: "\f238", | |
| transgender: "\f224", | |
| transgender-alt: "\f225", | |
| trash: "\f1f8", | |
| trash-o: "\f014", | |
| tree: "\f1bb", | |
| trello: "\f181", | |
| trophy: "\f091", | |
| truck: "\f0d1", | |
| try: "\f195", | |
| tty: "\f1e4", | |
| tumblr: "\f173", | |
| tumblr-square: "\f174", | |
| turkish-lira: "\f195", | |
| twitch: "\f1e8", | |
| twitter: "\f099", | |
| twitter-square: "\f081", | |
| umbrella: "\f0e9", | |
| underline: "\f0cd", | |
| undo: "\f0e2", | |
| university: "\f19c", | |
| unlink: "\f127", | |
| unlock: "\f09c", | |
| unlock-alt: "\f13e", | |
| unsorted: "\f0dc", | |
| upload: "\f093", | |
| usd: "\f155", | |
| user: "\f007", | |
| user-md: "\f0f0", | |
| user-plus: "\f234", | |
| user-secret: "\f21b", | |
| user-times: "\f235", | |
| users: "\f0c0", | |
| venus: "\f221", | |
| venus-double: "\f226", | |
| venus-mars: "\f228", | |
| viacoin: "\f237", | |
| video-camera: "\f03d", | |
| vimeo-square: "\f194", | |
| vine: "\f1ca", | |
| vk: "\f189", | |
| volume-down: "\f027", | |
| volume-off: "\f026", | |
| volume-up: "\f028", | |
| warning: "\f071", | |
| wechat: "\f1d7", | |
| weibo: "\f18a", | |
| weixin: "\f1d7", | |
| whatsapp: "\f232", | |
| wheelchair: "\f193", | |
| wifi: "\f1eb", | |
| windows: "\f17a", | |
| won: "\f159", | |
| wordpress: "\f19a", | |
| wrench: "\f0ad", | |
| xing: "\f168", | |
| xing-square: "\f169", | |
| yahoo: "\f19e", | |
| yelp: "\f1e9", | |
| yen: "\f157", | |
| youtube: "\f167", | |
| youtube-play: "\f16a", | |
| youtube-square: "\f166", | |
| ); | |
| font-family: "FontAwesome"; | |
| @if ( $styles == true ) { | |
| display: inline-block; | |
| font: normal normal normal #{$fa-font-size-base}/1 FontAwesome; // shortening font declaration | |
| font-size: inherit; // can't have font-size inherit on line above, so need to override | |
| text-rendering: auto; // optimizelegibility throws things off #1094 | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| transform: translate(0, 0); // ensures no half-pixel rendering in firefox | |
| } | |
| @if ( $position == false ) { | |
| content: '#{map-get( $fa-icon-map, $icon )}'; | |
| } @else if ( $position == before ) { | |
| &:before { | |
| content: '#{map-get( $fa-icon-map, $icon )}'; | |
| } | |
| } @else if ( $position == after ) { | |
| &:after { | |
| content: '#{map-get( $fa-icon-map, $icon )}'; | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment