font-awesome.sass 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513
  1. /* Font Awesome
  2. * the iconic font designed for use with Twitter Bootstrap
  3. * -------------------------------------------------------
  4. * The full suite of pictographic icons, examples, and documentation
  5. * can be found at: http://fortawesome.github.com/Font-Awesome/
  6. *
  7. * License
  8. * -------------------------------------------------------
  9. * The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
  10. * http://creativecommons.org/licenses/by/3.0/ A mention of
  11. * 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
  12. * source code is considered acceptable attribution (most common on the web).
  13. * If human readable source code is not available to the end user, a mention in
  14. * an 'About' or 'Credits' screen is considered acceptable (most common in desktop
  15. * or mobile software).
  16. *
  17. * Contact
  18. * -------------------------------------------------------
  19. * Email: dave@davegandy.com
  20. * Twitter: http://twitter.com/fortaweso_me
  21. * Work: http://lemonwi.se co-founder
  22. @import compass/css3/font-face
  23. $font_path: "../font/fontawesome-webfont" !default
  24. +font-face("FontAwesome", font-files("#{$font_path}.woff", woff, "#{$font_path}.ttf", truetype, "#{$font_path}.otf", opentype, "#{$font_path}.svgz#FontAwesomeRegular", svg, "#{$font_path}.svg#FontAwesomeRegular", svg), "#{$font_path}.eot", normal, normal)
  25. // sprites.less reset
  26. [class^="icon-"],
  27. [class*=" icon-"]
  28. display: inline
  29. width: auto
  30. height: auto
  31. line-height: inherit
  32. vertical-align: baseline
  33. background-image: none
  34. background-position: 0% 0%
  35. background-repeat: repeat
  36. li[class^="icon-"],
  37. li[class*=" icon-"]
  38. display: block
  39. /* Font Awesome styles
  40. * -------------------------------------------------------
  41. [class^="icon-"]:before,
  42. [class*=" icon-"]:before
  43. font-family: FontAwesome
  44. font-weight: normal
  45. font-style: normal
  46. display: inline-block
  47. text-decoration: inherit
  48. a [class^="icon-"],
  49. a [class*=" icon-"]
  50. display: inline-block
  51. text-decoration: inherit
  52. // makes the font 33% larger relative to the icon container
  53. .icon-large:before
  54. vertical-align: top
  55. font-size: 4 / 3em
  56. .btn
  57. [class^="icon-"],
  58. [class*=" icon-"]
  59. /* keeps button heights with and without icons the same
  60. line-height: .9em
  61. li
  62. [class^="icon-"],
  63. [class*=" icon-"]
  64. display: inline-block
  65. width: 1.25em
  66. text-align: center
  67. .icon-large[class^="icon-"],
  68. .icon-large[class*=" icon-"]
  69. // 1.5 increased font size for icon-large * 1.25 width
  70. width: 1.5 * 1.25em
  71. li[class^="icon-"],
  72. li[class*=" icon-"]
  73. margin-left: 0
  74. list-style-type: none
  75. &:before
  76. text-indent: -2em
  77. text-align: center
  78. &.icon-large:before
  79. text-indent: -4 / 3em
  80. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  81. * readers do not read off random characters that represent icons
  82. .icon-glass:before
  83. content: "\f000"
  84. .icon-music:before
  85. content: "\f001"
  86. .icon-search:before
  87. content: "\f002"
  88. .icon-envelope:before
  89. content: "\f003"
  90. .icon-heart:before
  91. content: "\f004"
  92. .icon-star:before
  93. content: "\f005"
  94. .icon-star-empty:before
  95. content: "\f006"
  96. .icon-user:before
  97. content: "\f007"
  98. .icon-film:before
  99. content: "\f008"
  100. .icon-th-large:before
  101. content: "\f009"
  102. .icon-th:before
  103. content: "\f00a"
  104. .icon-th-list:before
  105. content: "\f00b"
  106. .icon-ok:before
  107. content: "\f00c"
  108. .icon-remove:before
  109. content: "\f00d"
  110. .icon-zoom-in:before
  111. content: "\f00e"
  112. .icon-zoom-out:before
  113. content: "\f010"
  114. .icon-off:before
  115. content: "\f011"
  116. .icon-signal:before
  117. content: "\f012"
  118. .icon-cog:before
  119. content: "\f013"
  120. .icon-trash:before
  121. content: "\f014"
  122. .icon-home:before
  123. content: "\f015"
  124. .icon-file:before
  125. content: "\f016"
  126. .icon-time:before
  127. content: "\f017"
  128. .icon-road:before
  129. content: "\f018"
  130. .icon-download-alt:before
  131. content: "\f019"
  132. .icon-download:before
  133. content: "\f01a"
  134. .icon-upload:before
  135. content: "\f01b"
  136. .icon-inbox:before
  137. content: "\f01c"
  138. .icon-play-circle:before
  139. content: "\f01d"
  140. .icon-repeat:before
  141. content: "\f01e"
  142. // \f020 is not a valid unicode character. all shifted one down
  143. .icon-refresh:before
  144. content: "\f021"
  145. .icon-list-alt:before
  146. content: "\f022"
  147. .icon-lock:before
  148. content: "\f023"
  149. .icon-flag:before
  150. content: "\f024"
  151. .icon-headphones:before
  152. content: "\f025"
  153. .icon-volume-off:before
  154. content: "\f026"
  155. .icon-volume-down:before
  156. content: "\f027"
  157. .icon-volume-up:before
  158. content: "\f028"
  159. .icon-qrcode:before
  160. content: "\f029"
  161. .icon-barcode:before
  162. content: "\f02a"
  163. .icon-tag:before
  164. content: "\f02b"
  165. .icon-tags:before
  166. content: "\f02c"
  167. .icon-book:before
  168. content: "\f02d"
  169. .icon-bookmark:before
  170. content: "\f02e"
  171. .icon-print:before
  172. content: "\f02f"
  173. .icon-camera:before
  174. content: "\f030"
  175. .icon-font:before
  176. content: "\f031"
  177. .icon-bold:before
  178. content: "\f032"
  179. .icon-italic:before
  180. content: "\f033"
  181. .icon-text-height:before
  182. content: "\f034"
  183. .icon-text-width:before
  184. content: "\f035"
  185. .icon-align-left:before
  186. content: "\f036"
  187. .icon-align-center:before
  188. content: "\f037"
  189. .icon-align-right:before
  190. content: "\f038"
  191. .icon-align-justify:before
  192. content: "\f039"
  193. .icon-list:before
  194. content: "\f03a"
  195. .icon-indent-left:before
  196. content: "\f03b"
  197. .icon-indent-right:before
  198. content: "\f03c"
  199. .icon-facetime-video:before
  200. content: "\f03d"
  201. .icon-picture:before
  202. content: "\f03e"
  203. .icon-pencil:before
  204. content: "\f040"
  205. .icon-map-marker:before
  206. content: "\f041"
  207. .icon-adjust:before
  208. content: "\f042"
  209. .icon-tint:before
  210. content: "\f043"
  211. .icon-edit:before
  212. content: "\f044"
  213. .icon-share:before
  214. content: "\f045"
  215. .icon-check:before
  216. content: "\f046"
  217. .icon-move:before
  218. content: "\f047"
  219. .icon-step-backward:before
  220. content: "\f048"
  221. .icon-fast-backward:before
  222. content: "\f049"
  223. .icon-backward:before
  224. content: "\f04a"
  225. .icon-play:before
  226. content: "\f04b"
  227. .icon-pause:before
  228. content: "\f04c"
  229. .icon-stop:before
  230. content: "\f04d"
  231. .icon-forward:before
  232. content: "\f04e"
  233. .icon-fast-forward:before
  234. content: "\f050"
  235. .icon-step-forward:before
  236. content: "\f051"
  237. .icon-eject:before
  238. content: "\f052"
  239. .icon-chevron-left:before
  240. content: "\f053"
  241. .icon-chevron-right:before
  242. content: "\f054"
  243. .icon-plus-sign:before
  244. content: "\f055"
  245. .icon-minus-sign:before
  246. content: "\f056"
  247. .icon-remove-sign:before
  248. content: "\f057"
  249. .icon-ok-sign:before
  250. content: "\f058"
  251. .icon-question-sign:before
  252. content: "\f059"
  253. .icon-info-sign:before
  254. content: "\f05a"
  255. .icon-screenshot:before
  256. content: "\f05b"
  257. .icon-remove-circle:before
  258. content: "\f05c"
  259. .icon-ok-circle:before
  260. content: "\f05d"
  261. .icon-ban-circle:before
  262. content: "\f05e"
  263. .icon-arrow-left:before
  264. content: "\f060"
  265. .icon-arrow-right:before
  266. content: "\f061"
  267. .icon-arrow-up:before
  268. content: "\f062"
  269. .icon-arrow-down:before
  270. content: "\f063"
  271. .icon-share-alt:before
  272. content: "\f064"
  273. .icon-resize-full:before
  274. content: "\f065"
  275. .icon-resize-small:before
  276. content: "\f066"
  277. .icon-plus:before
  278. content: "\f067"
  279. .icon-minus:before
  280. content: "\f068"
  281. .icon-asterisk:before
  282. content: "\f069"
  283. .icon-exclamation-sign:before
  284. content: "\f06a"
  285. .icon-gift:before
  286. content: "\f06b"
  287. .icon-leaf:before
  288. content: "\f06c"
  289. .icon-fire:before
  290. content: "\f06d"
  291. .icon-eye-open:before
  292. content: "\f06e"
  293. .icon-eye-close:before
  294. content: "\f070"
  295. .icon-warning-sign:before
  296. content: "\f071"
  297. .icon-plane:before
  298. content: "\f072"
  299. .icon-calendar:before
  300. content: "\f073"
  301. .icon-random:before
  302. content: "\f074"
  303. .icon-comment:before
  304. content: "\f075"
  305. .icon-magnet:before
  306. content: "\f076"
  307. .icon-chevron-up:before
  308. content: "\f077"
  309. .icon-chevron-down:before
  310. content: "\f078"
  311. .icon-retweet:before
  312. content: "\f079"
  313. .icon-shopping-cart:before
  314. content: "\f07a"
  315. .icon-folder-close:before
  316. content: "\f07b"
  317. .icon-folder-open:before
  318. content: "\f07c"
  319. .icon-resize-vertical:before
  320. content: "\f07d"
  321. .icon-resize-horizontal:before
  322. content: "\f07e"
  323. .icon-bar-chart:before
  324. content: "\f080"
  325. .icon-twitter-sign:before
  326. content: "\f081"
  327. .icon-facebook-sign:before
  328. content: "\f082"
  329. .icon-camera-retro:before
  330. content: "\f083"
  331. .icon-key:before
  332. content: "\f084"
  333. .icon-cogs:before
  334. content: "\f085"
  335. .icon-comments:before
  336. content: "\f086"
  337. .icon-thumbs-up:before
  338. content: "\f087"
  339. .icon-thumbs-down:before
  340. content: "\f088"
  341. .icon-star-half:before
  342. content: "\f089"
  343. .icon-heart-empty:before
  344. content: "\f08a"
  345. .icon-signout:before
  346. content: "\f08b"
  347. .icon-linkedin-sign:before
  348. content: "\f08c"
  349. .icon-pushpin:before
  350. content: "\f08d"
  351. .icon-external-link:before
  352. content: "\f08e"
  353. .icon-signin:before
  354. content: "\f090"
  355. .icon-trophy:before
  356. content: "\f091"
  357. .icon-github-sign:before
  358. content: "\f092"
  359. .icon-upload-alt:before
  360. content: "\f093"
  361. .icon-lemon:before
  362. content: "\f094"