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