|
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}.woff') format('woff')", |
|
16 ~"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')", |
|
17 ~"url('@{icon-font-path}@{icon-font-name}.svg#glyphicons-halflingsregular') format('svg')"; |
|
18 } |
|
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: normal; |
|
28 line-height: 1; |
|
29 -webkit-font-smoothing: antialiased; |
|
30 -moz-osx-font-smoothing: grayscale; |
|
31 |
|
32 &:empty { |
|
33 width: 1em; |
|
34 } |
|
35 } |
|
36 |
|
37 // Individual icons |
|
38 .glyphicon-asterisk { &:before { content: "\2a"; } } |
|
39 .glyphicon-plus { &:before { content: "\2b"; } } |
|
40 .glyphicon-euro { &:before { content: "\20ac"; } } |
|
41 .glyphicon-minus { &:before { content: "\2212"; } } |
|
42 .glyphicon-cloud { &:before { content: "\2601"; } } |
|
43 .glyphicon-envelope { &:before { content: "\2709"; } } |
|
44 .glyphicon-pencil { &:before { content: "\270f"; } } |
|
45 .glyphicon-glass { &:before { content: "\e001"; } } |
|
46 .glyphicon-music { &:before { content: "\e002"; } } |
|
47 .glyphicon-search { &:before { content: "\e003"; } } |
|
48 .glyphicon-heart { &:before { content: "\e005"; } } |
|
49 .glyphicon-star { &:before { content: "\e006"; } } |
|
50 .glyphicon-star-empty { &:before { content: "\e007"; } } |
|
51 .glyphicon-user { &:before { content: "\e008"; } } |
|
52 .glyphicon-film { &:before { content: "\e009"; } } |
|
53 .glyphicon-th-large { &:before { content: "\e010"; } } |
|
54 .glyphicon-th { &:before { content: "\e011"; } } |
|
55 .glyphicon-th-list { &:before { content: "\e012"; } } |
|
56 .glyphicon-ok { &:before { content: "\e013"; } } |
|
57 .glyphicon-remove { &:before { content: "\e014"; } } |
|
58 .glyphicon-zoom-in { &:before { content: "\e015"; } } |
|
59 .glyphicon-zoom-out { &:before { content: "\e016"; } } |
|
60 .glyphicon-off { &:before { content: "\e017"; } } |
|
61 .glyphicon-signal { &:before { content: "\e018"; } } |
|
62 .glyphicon-cog { &:before { content: "\e019"; } } |
|
63 .glyphicon-trash { &:before { content: "\e020"; } } |
|
64 .glyphicon-home { &:before { content: "\e021"; } } |
|
65 .glyphicon-file { &:before { content: "\e022"; } } |
|
66 .glyphicon-time { &:before { content: "\e023"; } } |
|
67 .glyphicon-road { &:before { content: "\e024"; } } |
|
68 .glyphicon-download-alt { &:before { content: "\e025"; } } |
|
69 .glyphicon-download { &:before { content: "\e026"; } } |
|
70 .glyphicon-upload { &:before { content: "\e027"; } } |
|
71 .glyphicon-inbox { &:before { content: "\e028"; } } |
|
72 .glyphicon-play-circle { &:before { content: "\e029"; } } |
|
73 .glyphicon-repeat { &:before { content: "\e030"; } } |
|
74 .glyphicon-refresh { &:before { content: "\e031"; } } |
|
75 .glyphicon-list-alt { &:before { content: "\e032"; } } |
|
76 .glyphicon-lock { &:before { content: "\e033"; } } |
|
77 .glyphicon-flag { &:before { content: "\e034"; } } |
|
78 .glyphicon-headphones { &:before { content: "\e035"; } } |
|
79 .glyphicon-volume-off { &:before { content: "\e036"; } } |
|
80 .glyphicon-volume-down { &:before { content: "\e037"; } } |
|
81 .glyphicon-volume-up { &:before { content: "\e038"; } } |
|
82 .glyphicon-qrcode { &:before { content: "\e039"; } } |
|
83 .glyphicon-barcode { &:before { content: "\e040"; } } |
|
84 .glyphicon-tag { &:before { content: "\e041"; } } |
|
85 .glyphicon-tags { &:before { content: "\e042"; } } |
|
86 .glyphicon-book { &:before { content: "\e043"; } } |
|
87 .glyphicon-bookmark { &:before { content: "\e044"; } } |
|
88 .glyphicon-print { &:before { content: "\e045"; } } |
|
89 .glyphicon-camera { &:before { content: "\e046"; } } |
|
90 .glyphicon-font { &:before { content: "\e047"; } } |
|
91 .glyphicon-bold { &:before { content: "\e048"; } } |
|
92 .glyphicon-italic { &:before { content: "\e049"; } } |
|
93 .glyphicon-text-height { &:before { content: "\e050"; } } |
|
94 .glyphicon-text-width { &:before { content: "\e051"; } } |
|
95 .glyphicon-align-left { &:before { content: "\e052"; } } |
|
96 .glyphicon-align-center { &:before { content: "\e053"; } } |
|
97 .glyphicon-align-right { &:before { content: "\e054"; } } |
|
98 .glyphicon-align-justify { &:before { content: "\e055"; } } |
|
99 .glyphicon-list { &:before { content: "\e056"; } } |
|
100 .glyphicon-indent-left { &:before { content: "\e057"; } } |
|
101 .glyphicon-indent-right { &:before { content: "\e058"; } } |
|
102 .glyphicon-facetime-video { &:before { content: "\e059"; } } |
|
103 .glyphicon-picture { &:before { content: "\e060"; } } |
|
104 .glyphicon-map-marker { &:before { content: "\e062"; } } |
|
105 .glyphicon-adjust { &:before { content: "\e063"; } } |
|
106 .glyphicon-tint { &:before { content: "\e064"; } } |
|
107 .glyphicon-edit { &:before { content: "\e065"; } } |
|
108 .glyphicon-share { &:before { content: "\e066"; } } |
|
109 .glyphicon-check { &:before { content: "\e067"; } } |
|
110 .glyphicon-move { &:before { content: "\e068"; } } |
|
111 .glyphicon-step-backward { &:before { content: "\e069"; } } |
|
112 .glyphicon-fast-backward { &:before { content: "\e070"; } } |
|
113 .glyphicon-backward { &:before { content: "\e071"; } } |
|
114 .glyphicon-play { &:before { content: "\e072"; } } |
|
115 .glyphicon-pause { &:before { content: "\e073"; } } |
|
116 .glyphicon-stop { &:before { content: "\e074"; } } |
|
117 .glyphicon-forward { &:before { content: "\e075"; } } |
|
118 .glyphicon-fast-forward { &:before { content: "\e076"; } } |
|
119 .glyphicon-step-forward { &:before { content: "\e077"; } } |
|
120 .glyphicon-eject { &:before { content: "\e078"; } } |
|
121 .glyphicon-chevron-left { &:before { content: "\e079"; } } |
|
122 .glyphicon-chevron-right { &:before { content: "\e080"; } } |
|
123 .glyphicon-plus-sign { &:before { content: "\e081"; } } |
|
124 .glyphicon-minus-sign { &:before { content: "\e082"; } } |
|
125 .glyphicon-remove-sign { &:before { content: "\e083"; } } |
|
126 .glyphicon-ok-sign { &:before { content: "\e084"; } } |
|
127 .glyphicon-question-sign { &:before { content: "\e085"; } } |
|
128 .glyphicon-info-sign { &:before { content: "\e086"; } } |
|
129 .glyphicon-screenshot { &:before { content: "\e087"; } } |
|
130 .glyphicon-remove-circle { &:before { content: "\e088"; } } |
|
131 .glyphicon-ok-circle { &:before { content: "\e089"; } } |
|
132 .glyphicon-ban-circle { &:before { content: "\e090"; } } |
|
133 .glyphicon-arrow-left { &:before { content: "\e091"; } } |
|
134 .glyphicon-arrow-right { &:before { content: "\e092"; } } |
|
135 .glyphicon-arrow-up { &:before { content: "\e093"; } } |
|
136 .glyphicon-arrow-down { &:before { content: "\e094"; } } |
|
137 .glyphicon-share-alt { &:before { content: "\e095"; } } |
|
138 .glyphicon-resize-full { &:before { content: "\e096"; } } |
|
139 .glyphicon-resize-small { &:before { content: "\e097"; } } |
|
140 .glyphicon-exclamation-sign { &:before { content: "\e101"; } } |
|
141 .glyphicon-gift { &:before { content: "\e102"; } } |
|
142 .glyphicon-leaf { &:before { content: "\e103"; } } |
|
143 .glyphicon-fire { &:before { content: "\e104"; } } |
|
144 .glyphicon-eye-open { &:before { content: "\e105"; } } |
|
145 .glyphicon-eye-close { &:before { content: "\e106"; } } |
|
146 .glyphicon-warning-sign { &:before { content: "\e107"; } } |
|
147 .glyphicon-plane { &:before { content: "\e108"; } } |
|
148 .glyphicon-calendar { &:before { content: "\e109"; } } |
|
149 .glyphicon-random { &:before { content: "\e110"; } } |
|
150 .glyphicon-comment { &:before { content: "\e111"; } } |
|
151 .glyphicon-magnet { &:before { content: "\e112"; } } |
|
152 .glyphicon-chevron-up { &:before { content: "\e113"; } } |
|
153 .glyphicon-chevron-down { &:before { content: "\e114"; } } |
|
154 .glyphicon-retweet { &:before { content: "\e115"; } } |
|
155 .glyphicon-shopping-cart { &:before { content: "\e116"; } } |
|
156 .glyphicon-folder-close { &:before { content: "\e117"; } } |
|
157 .glyphicon-folder-open { &:before { content: "\e118"; } } |
|
158 .glyphicon-resize-vertical { &:before { content: "\e119"; } } |
|
159 .glyphicon-resize-horizontal { &:before { content: "\e120"; } } |
|
160 .glyphicon-hdd { &:before { content: "\e121"; } } |
|
161 .glyphicon-bullhorn { &:before { content: "\e122"; } } |
|
162 .glyphicon-bell { &:before { content: "\e123"; } } |
|
163 .glyphicon-certificate { &:before { content: "\e124"; } } |
|
164 .glyphicon-thumbs-up { &:before { content: "\e125"; } } |
|
165 .glyphicon-thumbs-down { &:before { content: "\e126"; } } |
|
166 .glyphicon-hand-right { &:before { content: "\e127"; } } |
|
167 .glyphicon-hand-left { &:before { content: "\e128"; } } |
|
168 .glyphicon-hand-up { &:before { content: "\e129"; } } |
|
169 .glyphicon-hand-down { &:before { content: "\e130"; } } |
|
170 .glyphicon-circle-arrow-right { &:before { content: "\e131"; } } |
|
171 .glyphicon-circle-arrow-left { &:before { content: "\e132"; } } |
|
172 .glyphicon-circle-arrow-up { &:before { content: "\e133"; } } |
|
173 .glyphicon-circle-arrow-down { &:before { content: "\e134"; } } |
|
174 .glyphicon-globe { &:before { content: "\e135"; } } |
|
175 .glyphicon-wrench { &:before { content: "\e136"; } } |
|
176 .glyphicon-tasks { &:before { content: "\e137"; } } |
|
177 .glyphicon-filter { &:before { content: "\e138"; } } |
|
178 .glyphicon-briefcase { &:before { content: "\e139"; } } |
|
179 .glyphicon-fullscreen { &:before { content: "\e140"; } } |
|
180 .glyphicon-dashboard { &:before { content: "\e141"; } } |
|
181 .glyphicon-paperclip { &:before { content: "\e142"; } } |
|
182 .glyphicon-heart-empty { &:before { content: "\e143"; } } |
|
183 .glyphicon-link { &:before { content: "\e144"; } } |
|
184 .glyphicon-phone { &:before { content: "\e145"; } } |
|
185 .glyphicon-pushpin { &:before { content: "\e146"; } } |
|
186 .glyphicon-usd { &:before { content: "\e148"; } } |
|
187 .glyphicon-gbp { &:before { content: "\e149"; } } |
|
188 .glyphicon-sort { &:before { content: "\e150"; } } |
|
189 .glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } |
|
190 .glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } |
|
191 .glyphicon-sort-by-order { &:before { content: "\e153"; } } |
|
192 .glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } |
|
193 .glyphicon-sort-by-attributes { &:before { content: "\e155"; } } |
|
194 .glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } |
|
195 .glyphicon-unchecked { &:before { content: "\e157"; } } |
|
196 .glyphicon-expand { &:before { content: "\e158"; } } |
|
197 .glyphicon-collapse-down { &:before { content: "\e159"; } } |
|
198 .glyphicon-collapse-up { &:before { content: "\e160"; } } |
|
199 .glyphicon-log-in { &:before { content: "\e161"; } } |
|
200 .glyphicon-flash { &:before { content: "\e162"; } } |
|
201 .glyphicon-log-out { &:before { content: "\e163"; } } |
|
202 .glyphicon-new-window { &:before { content: "\e164"; } } |
|
203 .glyphicon-record { &:before { content: "\e165"; } } |
|
204 .glyphicon-save { &:before { content: "\e166"; } } |
|
205 .glyphicon-open { &:before { content: "\e167"; } } |
|
206 .glyphicon-saved { &:before { content: "\e168"; } } |
|
207 .glyphicon-import { &:before { content: "\e169"; } } |
|
208 .glyphicon-export { &:before { content: "\e170"; } } |
|
209 .glyphicon-send { &:before { content: "\e171"; } } |
|
210 .glyphicon-floppy-disk { &:before { content: "\e172"; } } |
|
211 .glyphicon-floppy-saved { &:before { content: "\e173"; } } |
|
212 .glyphicon-floppy-remove { &:before { content: "\e174"; } } |
|
213 .glyphicon-floppy-save { &:before { content: "\e175"; } } |
|
214 .glyphicon-floppy-open { &:before { content: "\e176"; } } |
|
215 .glyphicon-credit-card { &:before { content: "\e177"; } } |
|
216 .glyphicon-transfer { &:before { content: "\e178"; } } |
|
217 .glyphicon-cutlery { &:before { content: "\e179"; } } |
|
218 .glyphicon-header { &:before { content: "\e180"; } } |
|
219 .glyphicon-compressed { &:before { content: "\e181"; } } |
|
220 .glyphicon-earphone { &:before { content: "\e182"; } } |
|
221 .glyphicon-phone-alt { &:before { content: "\e183"; } } |
|
222 .glyphicon-tower { &:before { content: "\e184"; } } |
|
223 .glyphicon-stats { &:before { content: "\e185"; } } |
|
224 .glyphicon-sd-video { &:before { content: "\e186"; } } |
|
225 .glyphicon-hd-video { &:before { content: "\e187"; } } |
|
226 .glyphicon-subtitles { &:before { content: "\e188"; } } |
|
227 .glyphicon-sound-stereo { &:before { content: "\e189"; } } |
|
228 .glyphicon-sound-dolby { &:before { content: "\e190"; } } |
|
229 .glyphicon-sound-5-1 { &:before { content: "\e191"; } } |
|
230 .glyphicon-sound-6-1 { &:before { content: "\e192"; } } |
|
231 .glyphicon-sound-7-1 { &:before { content: "\e193"; } } |
|
232 .glyphicon-copyright-mark { &:before { content: "\e194"; } } |
|
233 .glyphicon-registration-mark { &:before { content: "\e195"; } } |
|
234 .glyphicon-cloud-download { &:before { content: "\e197"; } } |
|
235 .glyphicon-cloud-upload { &:before { content: "\e198"; } } |
|
236 .glyphicon-tree-conifer { &:before { content: "\e199"; } } |
|
237 .glyphicon-tree-deciduous { &:before { content: "\e200"; } } |