glyphicons.less 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
  1. // stylelint-disable value-list-comma-newline-after, value-list-comma-space-after, indentation, declaration-colon-newline-after, font-family-no-missing-generic-family-keyword
  2. //
  3. // Glyphicons for Bootstrap
  4. //
  5. // Since icons are fonts, they can be placed anywhere text is placed and are
  6. // thus automatically sized to match the surrounding child. To use, create an
  7. // inline element with the appropriate classes, like so:
  8. //
  9. // <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
  10. // Import the fonts
  11. @font-face {
  12. font-family: "Glyphicons Halflings";
  13. src: url("@{icon-font-path}@{icon-font-name}.eot");
  14. src: url("@{icon-font-path}@{icon-font-name}.eot?#iefix") format("embedded-opentype"),
  15. url("@{icon-font-path}@{icon-font-name}.woff2") format("woff2"),
  16. url("@{icon-font-path}@{icon-font-name}.woff") format("woff"),
  17. url("@{icon-font-path}@{icon-font-name}.ttf") format("truetype"),
  18. url("@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}") format("svg");
  19. }
  20. // Catchall baseclass
  21. .glyphicon {
  22. position: relative;
  23. top: 1px;
  24. display: inline-block;
  25. font-family: "Glyphicons Halflings";
  26. font-style: normal;
  27. font-weight: 400;
  28. line-height: 1;
  29. -webkit-font-smoothing: antialiased;
  30. -moz-osx-font-smoothing: grayscale;
  31. }
  32. // Individual icons
  33. .glyphicon-asterisk { &:before { content: "\002a"; } }
  34. .glyphicon-plus { &:before { content: "\002b"; } }
  35. .glyphicon-euro,
  36. .glyphicon-eur { &:before { content: "\20ac"; } }
  37. .glyphicon-minus { &:before { content: "\2212"; } }
  38. .glyphicon-cloud { &:before { content: "\2601"; } }
  39. .glyphicon-envelope { &:before { content: "\2709"; } }
  40. .glyphicon-pencil { &:before { content: "\270f"; } }
  41. .glyphicon-glass { &:before { content: "\e001"; } }
  42. .glyphicon-music { &:before { content: "\e002"; } }
  43. .glyphicon-search { &:before { content: "\e003"; } }
  44. .glyphicon-heart { &:before { content: "\e005"; } }
  45. .glyphicon-star { &:before { content: "\e006"; } }
  46. .glyphicon-star-empty { &:before { content: "\e007"; } }
  47. .glyphicon-user { &:before { content: "\e008"; } }
  48. .glyphicon-film { &:before { content: "\e009"; } }
  49. .glyphicon-th-large { &:before { content: "\e010"; } }
  50. .glyphicon-th { &:before { content: "\e011"; } }
  51. .glyphicon-th-list { &:before { content: "\e012"; } }
  52. .glyphicon-ok { &:before { content: "\e013"; } }
  53. .glyphicon-remove { &:before { content: "\e014"; } }
  54. .glyphicon-zoom-in { &:before { content: "\e015"; } }
  55. .glyphicon-zoom-out { &:before { content: "\e016"; } }
  56. .glyphicon-off { &:before { content: "\e017"; } }
  57. .glyphicon-signal { &:before { content: "\e018"; } }
  58. .glyphicon-cog { &:before { content: "\e019"; } }
  59. .glyphicon-trash { &:before { content: "\e020"; } }
  60. .glyphicon-home { &:before { content: "\e021"; } }
  61. .glyphicon-file { &:before { content: "\e022"; } }
  62. .glyphicon-time { &:before { content: "\e023"; } }
  63. .glyphicon-road { &:before { content: "\e024"; } }
  64. .glyphicon-download-alt { &:before { content: "\e025"; } }
  65. .glyphicon-download { &:before { content: "\e026"; } }
  66. .glyphicon-upload { &:before { content: "\e027"; } }
  67. .glyphicon-inbox { &:before { content: "\e028"; } }
  68. .glyphicon-play-circle { &:before { content: "\e029"; } }
  69. .glyphicon-repeat { &:before { content: "\e030"; } }
  70. .glyphicon-refresh { &:before { content: "\e031"; } }
  71. .glyphicon-list-alt { &:before { content: "\e032"; } }
  72. .glyphicon-lock { &:before { content: "\e033"; } }
  73. .glyphicon-flag { &:before { content: "\e034"; } }
  74. .glyphicon-headphones { &:before { content: "\e035"; } }
  75. .glyphicon-volume-off { &:before { content: "\e036"; } }
  76. .glyphicon-volume-down { &:before { content: "\e037"; } }
  77. .glyphicon-volume-up { &:before { content: "\e038"; } }
  78. .glyphicon-qrcode { &:before { content: "\e039"; } }
  79. .glyphicon-barcode { &:before { content: "\e040"; } }
  80. .glyphicon-tag { &:before { content: "\e041"; } }
  81. .glyphicon-tags { &:before { content: "\e042"; } }
  82. .glyphicon-book { &:before { content: "\e043"; } }
  83. .glyphicon-bookmark { &:before { content: "\e044"; } }
  84. .glyphicon-print { &:before { content: "\e045"; } }
  85. .glyphicon-camera { &:before { content: "\e046"; } }
  86. .glyphicon-font { &:before { content: "\e047"; } }
  87. .glyphicon-bold { &:before { content: "\e048"; } }
  88. .glyphicon-italic { &:before { content: "\e049"; } }
  89. .glyphicon-text-height { &:before { content: "\e050"; } }
  90. .glyphicon-text-width { &:before { content: "\e051"; } }
  91. .glyphicon-align-left { &:before { content: "\e052"; } }
  92. .glyphicon-align-center { &:before { content: "\e053"; } }
  93. .glyphicon-align-right { &:before { content: "\e054"; } }
  94. .glyphicon-align-justify { &:before { content: "\e055"; } }
  95. .glyphicon-list { &:before { content: "\e056"; } }
  96. .glyphicon-indent-left { &:before { content: "\e057"; } }
  97. .glyphicon-indent-right { &:before { content: "\e058"; } }
  98. .glyphicon-facetime-video { &:before { content: "\e059"; } }
  99. .glyphicon-picture { &:before { content: "\e060"; } }
  100. .glyphicon-map-marker { &:before { content: "\e062"; } }
  101. .glyphicon-adjust { &:before { content: "\e063"; } }
  102. .glyphicon-tint { &:before { content: "\e064"; } }
  103. .glyphicon-edit { &:before { content: "\e065"; } }
  104. .glyphicon-share { &:before { content: "\e066"; } }
  105. .glyphicon-check { &:before { content: "\e067"; } }
  106. .glyphicon-move { &:before { content: "\e068"; } }
  107. .glyphicon-step-backward { &:before { content: "\e069"; } }
  108. .glyphicon-fast-backward { &:before { content: "\e070"; } }
  109. .glyphicon-backward { &:before { content: "\e071"; } }
  110. .glyphicon-play { &:before { content: "\e072"; } }
  111. .glyphicon-pause { &:before { content: "\e073"; } }
  112. .glyphicon-stop { &:before { content: "\e074"; } }
  113. .glyphicon-forward { &:before { content: "\e075"; } }
  114. .glyphicon-fast-forward { &:before { content: "\e076"; } }
  115. .glyphicon-step-forward { &:before { content: "\e077"; } }
  116. .glyphicon-eject { &:before { content: "\e078"; } }
  117. .glyphicon-chevron-left { &:before { content: "\e079"; } }
  118. .glyphicon-chevron-right { &:before { content: "\e080"; } }
  119. .glyphicon-plus-sign { &:before { content: "\e081"; } }
  120. .glyphicon-minus-sign { &:before { content: "\e082"; } }
  121. .glyphicon-remove-sign { &:before { content: "\e083"; } }
  122. .glyphicon-ok-sign { &:before { content: "\e084"; } }
  123. .glyphicon-question-sign { &:before { content: "\e085"; } }
  124. .glyphicon-info-sign { &:before { content: "\e086"; } }
  125. .glyphicon-screenshot { &:before { content: "\e087"; } }
  126. .glyphicon-remove-circle { &:before { content: "\e088"; } }
  127. .glyphicon-ok-circle { &:before { content: "\e089"; } }
  128. .glyphicon-ban-circle { &:before { content: "\e090"; } }
  129. .glyphicon-arrow-left { &:before { content: "\e091"; } }
  130. .glyphicon-arrow-right { &:before { content: "\e092"; } }
  131. .glyphicon-arrow-up { &:before { content: "\e093"; } }
  132. .glyphicon-arrow-down { &:before { content: "\e094"; } }
  133. .glyphicon-share-alt { &:before { content: "\e095"; } }
  134. .glyphicon-resize-full { &:before { content: "\e096"; } }
  135. .glyphicon-resize-small { &:before { content: "\e097"; } }
  136. .glyphicon-exclamation-sign { &:before { content: "\e101"; } }
  137. .glyphicon-gift { &:before { content: "\e102"; } }
  138. .glyphicon-leaf { &:before { content: "\e103"; } }
  139. .glyphicon-fire { &:before { content: "\e104"; } }
  140. .glyphicon-eye-open { &:before { content: "\e105"; } }
  141. .glyphicon-eye-close { &:before { content: "\e106"; } }
  142. .glyphicon-warning-sign { &:before { content: "\e107"; } }
  143. .glyphicon-plane { &:before { content: "\e108"; } }
  144. .glyphicon-calendar { &:before { content: "\e109"; } }
  145. .glyphicon-random { &:before { content: "\e110"; } }
  146. .glyphicon-comment { &:before { content: "\e111"; } }
  147. .glyphicon-magnet { &:before { content: "\e112"; } }
  148. .glyphicon-chevron-up { &:before { content: "\e113"; } }
  149. .glyphicon-chevron-down { &:before { content: "\e114"; } }
  150. .glyphicon-retweet { &:before { content: "\e115"; } }
  151. .glyphicon-shopping-cart { &:before { content: "\e116"; } }
  152. .glyphicon-folder-close { &:before { content: "\e117"; } }
  153. .glyphicon-folder-open { &:before { content: "\e118"; } }
  154. .glyphicon-resize-vertical { &:before { content: "\e119"; } }
  155. .glyphicon-resize-horizontal { &:before { content: "\e120"; } }
  156. .glyphicon-hdd { &:before { content: "\e121"; } }
  157. .glyphicon-bullhorn { &:before { content: "\e122"; } }
  158. .glyphicon-bell { &:before { content: "\e123"; } }
  159. .glyphicon-certificate { &:before { content: "\e124"; } }
  160. .glyphicon-thumbs-up { &:before { content: "\e125"; } }
  161. .glyphicon-thumbs-down { &:before { content: "\e126"; } }
  162. .glyphicon-hand-right { &:before { content: "\e127"; } }
  163. .glyphicon-hand-left { &:before { content: "\e128"; } }
  164. .glyphicon-hand-up { &:before { content: "\e129"; } }
  165. .glyphicon-hand-down { &:before { content: "\e130"; } }
  166. .glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
  167. .glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
  168. .glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
  169. .glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
  170. .glyphicon-globe { &:before { content: "\e135"; } }
  171. .glyphicon-wrench { &:before { content: "\e136"; } }
  172. .glyphicon-tasks { &:before { content: "\e137"; } }
  173. .glyphicon-filter { &:before { content: "\e138"; } }
  174. .glyphicon-briefcase { &:before { content: "\e139"; } }
  175. .glyphicon-fullscreen { &:before { content: "\e140"; } }
  176. .glyphicon-dashboard { &:before { content: "\e141"; } }
  177. .glyphicon-paperclip { &:before { content: "\e142"; } }
  178. .glyphicon-heart-empty { &:before { content: "\e143"; } }
  179. .glyphicon-link { &:before { content: "\e144"; } }
  180. .glyphicon-phone { &:before { content: "\e145"; } }
  181. .glyphicon-pushpin { &:before { content: "\e146"; } }
  182. .glyphicon-usd { &:before { content: "\e148"; } }
  183. .glyphicon-gbp { &:before { content: "\e149"; } }
  184. .glyphicon-sort { &:before { content: "\e150"; } }
  185. .glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
  186. .glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
  187. .glyphicon-sort-by-order { &:before { content: "\e153"; } }
  188. .glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
  189. .glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
  190. .glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
  191. .glyphicon-unchecked { &:before { content: "\e157"; } }
  192. .glyphicon-expand { &:before { content: "\e158"; } }
  193. .glyphicon-collapse-down { &:before { content: "\e159"; } }
  194. .glyphicon-collapse-up { &:before { content: "\e160"; } }
  195. .glyphicon-log-in { &:before { content: "\e161"; } }
  196. .glyphicon-flash { &:before { content: "\e162"; } }
  197. .glyphicon-log-out { &:before { content: "\e163"; } }
  198. .glyphicon-new-window { &:before { content: "\e164"; } }
  199. .glyphicon-record { &:before { content: "\e165"; } }
  200. .glyphicon-save { &:before { content: "\e166"; } }
  201. .glyphicon-open { &:before { content: "\e167"; } }
  202. .glyphicon-saved { &:before { content: "\e168"; } }
  203. .glyphicon-import { &:before { content: "\e169"; } }
  204. .glyphicon-export { &:before { content: "\e170"; } }
  205. .glyphicon-send { &:before { content: "\e171"; } }
  206. .glyphicon-floppy-disk { &:before { content: "\e172"; } }
  207. .glyphicon-floppy-saved { &:before { content: "\e173"; } }
  208. .glyphicon-floppy-remove { &:before { content: "\e174"; } }
  209. .glyphicon-floppy-save { &:before { content: "\e175"; } }
  210. .glyphicon-floppy-open { &:before { content: "\e176"; } }
  211. .glyphicon-credit-card { &:before { content: "\e177"; } }
  212. .glyphicon-transfer { &:before { content: "\e178"; } }
  213. .glyphicon-cutlery { &:before { content: "\e179"; } }
  214. .glyphicon-header { &:before { content: "\e180"; } }
  215. .glyphicon-compressed { &:before { content: "\e181"; } }
  216. .glyphicon-earphone { &:before { content: "\e182"; } }
  217. .glyphicon-phone-alt { &:before { content: "\e183"; } }
  218. .glyphicon-tower { &:before { content: "\e184"; } }
  219. .glyphicon-stats { &:before { content: "\e185"; } }
  220. .glyphicon-sd-video { &:before { content: "\e186"; } }
  221. .glyphicon-hd-video { &:before { content: "\e187"; } }
  222. .glyphicon-subtitles { &:before { content: "\e188"; } }
  223. .glyphicon-sound-stereo { &:before { content: "\e189"; } }
  224. .glyphicon-sound-dolby { &:before { content: "\e190"; } }
  225. .glyphicon-sound-5-1 { &:before { content: "\e191"; } }
  226. .glyphicon-sound-6-1 { &:before { content: "\e192"; } }
  227. .glyphicon-sound-7-1 { &:before { content: "\e193"; } }
  228. .glyphicon-copyright-mark { &:before { content: "\e194"; } }
  229. .glyphicon-registration-mark { &:before { content: "\e195"; } }
  230. .glyphicon-cloud-download { &:before { content: "\e197"; } }
  231. .glyphicon-cloud-upload { &:before { content: "\e198"; } }
  232. .glyphicon-tree-conifer { &:before { content: "\e199"; } }
  233. .glyphicon-tree-deciduous { &:before { content: "\e200"; } }
  234. .glyphicon-cd { &:before { content: "\e201"; } }
  235. .glyphicon-save-file { &:before { content: "\e202"; } }
  236. .glyphicon-open-file { &:before { content: "\e203"; } }
  237. .glyphicon-level-up { &:before { content: "\e204"; } }
  238. .glyphicon-copy { &:before { content: "\e205"; } }
  239. .glyphicon-paste { &:before { content: "\e206"; } }
  240. // The following 2 Glyphicons are omitted for the time being because
  241. // they currently use Unicode codepoints that are outside the
  242. // Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle
  243. // non-BMP codepoints in CSS string escapes, and thus can't display these two icons.
  244. // Notably, the bug affects some older versions of the Android Browser.
  245. // More info: https://github.com/twbs/bootstrap/issues/10106
  246. // .glyphicon-door { &:before { content: "\1f6aa"; } }
  247. // .glyphicon-key { &:before { content: "\1f511"; } }
  248. .glyphicon-alert { &:before { content: "\e209"; } }
  249. .glyphicon-equalizer { &:before { content: "\e210"; } }
  250. .glyphicon-king { &:before { content: "\e211"; } }
  251. .glyphicon-queen { &:before { content: "\e212"; } }
  252. .glyphicon-pawn { &:before { content: "\e213"; } }
  253. .glyphicon-bishop { &:before { content: "\e214"; } }
  254. .glyphicon-knight { &:before { content: "\e215"; } }
  255. .glyphicon-baby-formula { &:before { content: "\e216"; } }
  256. .glyphicon-tent { &:before { content: "\26fa"; } }
  257. .glyphicon-blackboard { &:before { content: "\e218"; } }
  258. .glyphicon-bed { &:before { content: "\e219"; } }
  259. .glyphicon-apple { &:before { content: "\f8ff"; } }
  260. .glyphicon-erase { &:before { content: "\e221"; } }
  261. .glyphicon-hourglass { &:before { content: "\231b"; } }
  262. .glyphicon-lamp { &:before { content: "\e223"; } }
  263. .glyphicon-duplicate { &:before { content: "\e224"; } }
  264. .glyphicon-piggy-bank { &:before { content: "\e225"; } }
  265. .glyphicon-scissors { &:before { content: "\e226"; } }
  266. .glyphicon-bitcoin { &:before { content: "\e227"; } }
  267. .glyphicon-btc { &:before { content: "\e227"; } }
  268. .glyphicon-xbt { &:before { content: "\e227"; } }
  269. .glyphicon-yen { &:before { content: "\00a5"; } }
  270. .glyphicon-jpy { &:before { content: "\00a5"; } }
  271. .glyphicon-ruble { &:before { content: "\20bd"; } }
  272. .glyphicon-rub { &:before { content: "\20bd"; } }
  273. .glyphicon-scale { &:before { content: "\e230"; } }
  274. .glyphicon-ice-lolly { &:before { content: "\e231"; } }
  275. .glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } }
  276. .glyphicon-education { &:before { content: "\e233"; } }
  277. .glyphicon-option-horizontal { &:before { content: "\e234"; } }
  278. .glyphicon-option-vertical { &:before { content: "\e235"; } }
  279. .glyphicon-menu-hamburger { &:before { content: "\e236"; } }
  280. .glyphicon-modal-window { &:before { content: "\e237"; } }
  281. .glyphicon-oil { &:before { content: "\e238"; } }
  282. .glyphicon-grain { &:before { content: "\e239"; } }
  283. .glyphicon-sunglasses { &:before { content: "\e240"; } }
  284. .glyphicon-text-size { &:before { content: "\e241"; } }
  285. .glyphicon-text-color { &:before { content: "\e242"; } }
  286. .glyphicon-text-background { &:before { content: "\e243"; } }
  287. .glyphicon-object-align-top { &:before { content: "\e244"; } }
  288. .glyphicon-object-align-bottom { &:before { content: "\e245"; } }
  289. .glyphicon-object-align-horizontal{ &:before { content: "\e246"; } }
  290. .glyphicon-object-align-left { &:before { content: "\e247"; } }
  291. .glyphicon-object-align-vertical { &:before { content: "\e248"; } }
  292. .glyphicon-object-align-right { &:before { content: "\e249"; } }
  293. .glyphicon-triangle-right { &:before { content: "\e250"; } }
  294. .glyphicon-triangle-left { &:before { content: "\e251"; } }
  295. .glyphicon-triangle-bottom { &:before { content: "\e252"; } }
  296. .glyphicon-triangle-top { &:before { content: "\e253"; } }
  297. .glyphicon-console { &:before { content: "\e254"; } }
  298. .glyphicon-superscript { &:before { content: "\e255"; } }
  299. .glyphicon-subscript { &:before { content: "\e256"; } }
  300. .glyphicon-menu-left { &:before { content: "\e257"; } }
  301. .glyphicon-menu-right { &:before { content: "\e258"; } }
  302. .glyphicon-menu-down { &:before { content: "\e259"; } }
  303. .glyphicon-menu-up { &:before { content: "\e260"; } }