]>
Commit | Line | Data |
---|---|---|
11fdf7f2 TL |
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"; } } |