semantic-ui-sass 0.8.1.0 → 0.8.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/README.md +1 -1
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
  5. data/app/assets/javascripts/semantic-ui/modal.js +11 -6
  6. data/app/assets/javascripts/semantic-ui/popup.js +0 -1
  7. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
  8. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
  9. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
  10. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
  11. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
  12. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
  13. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
  14. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
  15. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
  16. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
  17. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
  18. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
  19. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
  20. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
  21. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
  22. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
  23. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
  24. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
  25. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
  26. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
  27. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
  28. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
  29. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
  30. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
  31. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
  32. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
  33. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
  34. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
  35. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
  36. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
  37. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
  38. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
  40. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
  41. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
  42. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
  43. data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
  44. data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
  45. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
  46. data/lib/semantic/ui/sass/version.rb +2 -2
  47. data/semantic-ui-sass.gemspec +1 -1
  48. data/spec/dummy/config/application.rb +1 -1
  49. data/spec/spec_helper.rb +0 -1
  50. data/tasks/converter.rb +7 -0
  51. metadata +4 -7
  52. data/spec/dummy/config/database.yml +0 -25
@@ -9,7 +9,6 @@
9
9
  *
10
10
  */
11
11
 
12
-
13
12
  /*******************************
14
13
  basic.Icon
15
14
  *******************************/
@@ -17,13 +16,10 @@
17
16
  @font-face {
18
17
  font-family: 'Basic Icons';
19
18
  src: font-url("semantic-ui/basic.icons.eot");
20
- src:
21
- font-url("semantic-ui/basic.icons.eot?#iefix") format('embedded-opentype'),
19
+ src: font-url("semantic-ui/basic.icons.eot?#iefix") format('embedded-opentype'),
22
20
  font-url("semantic-ui/basic.icons.woff") format('woff'),
23
21
  font-url("semantic-ui/basic.icons.ttf") format('truetype'),
24
- font-url("semantic-ui/basic.icons.svg#basic.icons") format('svg')
25
- ;
26
-
22
+ font-url("semantic-ui/basic.icons.svg#basic.icons") format('svg');
27
23
  font-style: normal;
28
24
  font-weight: normal;
29
25
  font-variant: normal;
@@ -34,188 +30,794 @@
34
30
  i.basic.icon {
35
31
  display: inline-block;
36
32
  opacity: 0.75;
37
-
38
33
  margin: 0em 0.25em 0em 0em;
39
-
40
34
  width: 1.23em;
41
35
  height: 1em;
42
-
43
36
  font-family: 'Basic Icons';
44
37
  font-style: normal;
45
38
  line-height: 1;
46
39
  font-weight: normal;
47
40
  text-decoration: inherit;
48
41
  text-align: center;
49
-
50
42
  speak: none;
51
-
52
43
  -webkit-box-sizing: border-box;
53
44
  -moz-box-sizing: border-box;
54
45
  -ms-box-sizing: border-box;
55
46
  box-sizing: border-box;
56
-
57
47
  -webkit-font-smoothing: antialiased;
58
48
  -moz-font-smoothing: antialiased;
59
49
  font-smoothing: antialiased;
60
50
  }
61
51
 
62
52
  /* basic.icons available */
63
- i.basic.icon.circle.attention:before { content: '\2757'; } /* '❗' */
64
- i.basic.icon.circle.help:before { content: '\e704'; } /* '' */
65
- i.basic.icon.circle.info:before { content: '\e705'; } /* '' */
66
- i.basic.icon.add:before { content: '\2795'; } /* '➕' */
67
-
68
- i.basic.icon.chart:before { content: '📈'; } /* '\1f4c8' */
69
- i.basic.icon.chart.bar:before { content: '📊'; } /* '\1f4ca' */
70
- i.basic.icon.chart.pie:before { content: '\e7a2'; } /* '' */
71
-
72
- i.basic.icon.resize.full:before { content: '\e744'; } /* '' */
73
- i.basic.icon.resize.horizontal:before { content: '\2b0d'; } /* '⬍' */
74
- i.basic.icon.resize.small:before { content: '\e746'; } /* '' */
75
- i.basic.icon.resize.vertical:before { content: '\2b0c'; } /* '⬌' */
76
-
77
- i.basic.icon.down:before { content: '\2193'; } /* '↓' */
78
- i.basic.icon.down.triangle:before { content: '\25be'; } /* '▾' */
79
- i.basic.icon.down.arrow:before { content: '\e75c'; } /* '' */
80
-
81
- i.basic.icon.left:before { content: '\2190'; } /* '←' */
82
- i.basic.icon.left.triangle:before { content: '\25c2'; } /* '◂' */
83
- i.basic.icon.left.arrow:before { content: '\e75d'; } /* '' */
84
-
85
- i.basic.icon.right:before { content: '\2192'; } /* '→' */
86
- i.basic.icon.right.triangle:before { content: '\25b8'; } /* '' */
87
- i.basic.icon.right.arrow:before { content: '\e75e'; } /* '' */
88
-
89
- i.basic.icon.up:before { content: '\2191'; } /* '↑' */
90
- i.basic.icon.up.triangle:before { content: '\25b4'; } /* '▴' */
91
- i.basic.icon.up.arrow:before { content: '\e75f'; } /* '' */
92
-
93
- i.basic.icon.folder:before { content: '\e810'; } /* '' */
94
- i.basic.icon.open.folder:before { content: '📂'; } /* '\1f4c2' */
95
-
96
- i.basic.icon.globe:before { content: '𝌍'; } /* '\1d30d' */
97
- i.basic.icon.desk.globe:before { content: '🌐'; } /* '\1f310' */
98
-
99
- i.basic.icon.star:before { content: '\e801'; } /* '' */
100
- i.basic.icon.star.empty:before { content: '\e800'; } /* '' */
101
- i.basic.icon.star.half:before { content: '\e701'; } /* '' */
102
-
103
- i.basic.icon.lock:before { content: '🔒'; } /* '\1f512' */
104
- i.basic.icon.unlock:before { content: '🔓'; } /* '\1f513' */
105
-
106
- i.basic.icon.layout.grid:before { content: '\e80c'; } /* '' */
107
- i.basic.icon.layout.block:before { content: '\e708'; } /* '' */
108
- i.basic.icon.layout.list:before { content: '\e80b'; } /* '' */
109
-
110
- i.basic.icon.heart.empty:before { content: '\2661'; } /* '' */
111
- i.basic.icon.heart:before { content: '\2665'; } /* '♥' */
112
-
113
-
114
- i.basic.icon.asterisk:before { content: '\2731'; } /* '✱' */
115
- i.basic.icon.attachment:before { content: '📎'; } /* '\1f4ce' */
116
- i.basic.icon.attention:before { content: '\26a0'; } /* '' */
117
- i.basic.icon.trophy:before { content: '🏉'; } /* '\1f3c9' */
118
- i.basic.icon.barcode:before { content: '\e792'; } /* '' */
119
- i.basic.icon.cart:before { content: '\e813'; } /* '' */
120
- i.basic.icon.block:before { content: '🚫'; } /* '\1f6ab' */
121
- i.basic.icon.book:before { content: '📖'; }
122
- i.basic.icon.bookmark:before { content: '🔖'; } /* '\1f516' */
123
- i.basic.icon.calendar:before { content: '📅'; } /* '\1f4c5' */
124
- i.basic.icon.cancel:before { content: '\2716'; } /* '✖' */
125
- i.basic.icon.close:before { content: '\e80d'; } /* '' */
126
- i.basic.icon.color:before { content: '\e794'; } /* '' */
127
- i.basic.icon.chat:before { content: '\e720'; } /* '' */
128
- i.basic.icon.check:before { content: '\2611'; } /* '' */
129
- i.basic.icon.time:before { content: '🕔'; } /* '\1f554' */
130
- i.basic.icon.cloud:before { content: '\2601'; } /* '☁' */
131
- i.basic.icon.code:before { content: '\e714'; } /* '' */
132
- i.basic.icon.email:before { content: '\40'; } /* '$' */
133
- i.basic.icon.settings:before { content: '\26ef'; } /* '⛯' */
134
- i.basic.icon.setting:before { content: '\2699'; } /* '' */
135
- i.basic.icon.comment:before { content: '\e802'; } /* '' */
136
- i.basic.icon.clockwise.counter:before { content: '\27f2'; } /* '⟲' */
137
- i.basic.icon.clockwise:before { content: '\27f3'; } /* '⟳' */
138
- i.basic.icon.cube:before { content: '\e807'; } /* '' */
139
- i.basic.icon.direction:before { content: '\27a2'; } /* '➢' */
140
- i.basic.icon.doc:before { content: '📄'; } /* '\1f4c4' */
141
- i.basic.icon.docs:before { content: '\e736'; } /* '' */
142
- i.basic.icon.dollar:before { content: '💵'; } /* '\1f4b5' */
143
- i.basic.icon.paint:before { content: '\e7b5'; } /* '' */
144
- i.basic.icon.edit:before { content: '\270d'; } /* '✍' */
145
- i.basic.icon.eject:before { content: '\2ecf'; } /* '⻏' */
146
- i.basic.icon.export:before { content: '\e715'; } /* '' */
147
- i.basic.icon.hide:before { content: '\e80f'; } /* '' */
148
- i.basic.icon.unhide:before { content: '\e70b'; } /* '' */
149
- i.basic.icon.facebook:before { content: '\f301'; } /* '' */
150
- i.basic.icon.fast-forward:before { content: '\e804'; } /* '' */
151
- i.basic.icon.fire:before { content: '🔥'; } /* '\1f525' */
152
- i.basic.icon.flag:before { content: '\2691'; } /* '' */
153
- i.basic.icon.lightning:before { content: '\26a1'; } /* '⚡' */
154
- i.basic.icon.lab:before { content: '\68'; } /* 'h' */
155
- i.basic.icon.flight:before { content: '\2708'; } /* '✈' */
156
- i.basic.icon.forward:before { content: '\27a6'; } /* '➦' */
157
- i.basic.icon.gift:before { content: '🎁'; } /* '\1f381' */
158
- i.basic.icon.github:before { content: '\f308'; } /* '' */
159
- i.basic.icon.globe:before { content: '\e817'; } /* '' */
160
- i.basic.icon.headphones:before { content: '🎧'; } /* '\1f3a7' */
161
- i.basic.icon.question:before { content: '\2753'; } /* '❓' */
162
- i.basic.icon.home:before { content: '\2302'; } /* '⌂' */
163
- i.basic.icon.i:before { content: '\2139'; } /* 'ℹ' */
164
- i.basic.icon.idea:before { content: '💡'; } /* '\1f4a1' */
165
- i.basic.icon.open:before { content: '🔗'; } /* '\1f517' */
166
- i.basic.icon.content:before { content: '\e782'; } /* '' */
167
- i.basic.icon.location:before { content: '\e724'; } /* '' */
168
- i.basic.icon.mail:before { content: '\2709'; } /* '✉' */
169
- i.basic.icon.mic:before { content: '🎤'; } /* '\1f3a4' */
170
- i.basic.icon.minus:before { content: '\2d'; } /* '-' */
171
- i.basic.icon.money:before { content: '💰'; } /* '\1f4b0' */
172
- i.basic.icon.off:before { content: '\e78e'; } /* '' */
173
- i.basic.icon.pause:before { content: '\e808'; } /* '' */
174
- i.basic.icon.photos:before { content: '\e812'; } /* '' */
175
- i.basic.icon.photo:before { content: '🌄'; } /* '\1f304' */
176
- i.basic.icon.pin:before { content: '📌'; } /* '\1f4cc' */
177
- i.basic.icon.play:before { content: '\e809'; } /* '' */
178
- i.basic.icon.plus:before { content: '\2b'; } /* '+' */
179
- i.basic.icon.print:before { content: '\e716'; } /* '' */
180
- i.basic.icon.rss:before { content: '\e73a'; } /* '' */
181
- i.basic.icon.search:before { content: '🔍'; } /* '\1f50d' */
182
- i.basic.icon.shuffle:before { content: '\e803'; } /* '' */
183
- i.basic.icon.tag:before { content: '\e80a'; } /* '' */
184
- i.basic.icon.tags:before { content: '\e70d'; } /* '' */
185
- i.basic.icon.terminal:before { content: '\e7ac'; } /* '' */
186
- i.basic.icon.thumbs.down:before { content: '👎'; } /* '\1f44e' */
187
- i.basic.icon.thumbs.up:before { content: '👍'; } /* '\1f44d' */
188
- i.basic.icon.to-end:before { content: '\e806'; } /* '' */
189
- i.basic.icon.to-start:before { content: '\e805'; } /* '' */
190
- i.basic.icon.top.list:before { content: '🏆'; } /* '\1f3c6' */
191
- i.basic.icon.trash:before { content: '\e729'; } /* '' */
192
- i.basic.icon.twitter:before { content: '\f303'; } /* '' */
193
- i.basic.icon.upload:before { content: '\e711'; } /* '' */
194
- i.basic.icon.user.add:before { content: '\e700'; } /* '' */
195
- i.basic.icon.user:before { content: '👤'; } /* '\1f464' */
196
- i.basic.icon.community:before { content: '\e814'; } /* '' */
197
- i.basic.icon.users:before { content: '👥'; } /* '\1f465' */
198
- i.basic.icon.id:before { content: '\e722'; } /* '' */
199
- i.basic.icon.url:before { content: '🔗'; } /* '\1f517' */
200
- i.basic.icon.zoom.in:before { content: '\e750'; } /* '' */
201
- i.basic.icon.zoom.out:before { content: '\e751'; } /* '' */
53
+
54
+ i.basic.icon.circle.attention:before {
55
+ content: '\2757';
56
+ }
57
+
58
+ /* '' */
59
+
60
+ i.basic.icon.circle.help:before {
61
+ content: '\e704';
62
+ }
63
+
64
+ /* '' */
65
+
66
+ i.basic.icon.circle.info:before {
67
+ content: '\e705';
68
+ }
69
+
70
+ /* '' */
71
+
72
+ i.basic.icon.add:before {
73
+ content: '\2795';
74
+ }
75
+
76
+ /* '' */
77
+
78
+ i.basic.icon.chart:before {
79
+ content: '📈';
80
+ }
81
+
82
+ /* '\1f4c8' */
83
+
84
+ i.basic.icon.chart.bar:before {
85
+ content: '📊';
86
+ }
87
+
88
+ /* '\1f4ca' */
89
+
90
+ i.basic.icon.chart.pie:before {
91
+ content: '\e7a2';
92
+ }
93
+
94
+ /* '' */
95
+
96
+ i.basic.icon.resize.full:before {
97
+ content: '\e744';
98
+ }
99
+
100
+ /* '' */
101
+
102
+ i.basic.icon.resize.horizontal:before {
103
+ content: '\2b0d';
104
+ }
105
+
106
+ /* '' */
107
+
108
+ i.basic.icon.resize.small:before {
109
+ content: '\e746';
110
+ }
111
+
112
+ /* '' */
113
+
114
+ i.basic.icon.resize.vertical:before {
115
+ content: '\2b0c';
116
+ }
117
+
118
+ /* '' */
119
+
120
+ i.basic.icon.down:before {
121
+ content: '\2193';
122
+ }
123
+
124
+ /* '' */
125
+
126
+ i.basic.icon.down.triangle:before {
127
+ content: '\25be';
128
+ }
129
+
130
+ /* '' */
131
+
132
+ i.basic.icon.down.arrow:before {
133
+ content: '\e75c';
134
+ }
135
+
136
+ /* '' */
137
+
138
+ i.basic.icon.left:before {
139
+ content: '\2190';
140
+ }
141
+
142
+ /* '' */
143
+
144
+ i.basic.icon.left.triangle:before {
145
+ content: '\25c2';
146
+ }
147
+
148
+ /* '' */
149
+
150
+ i.basic.icon.left.arrow:before {
151
+ content: '\e75d';
152
+ }
153
+
154
+ /* '' */
155
+
156
+ i.basic.icon.right:before {
157
+ content: '\2192';
158
+ }
159
+
160
+ /* '' */
161
+
162
+ i.basic.icon.right.triangle:before {
163
+ content: '\25b8';
164
+ }
165
+
166
+ /* '' */
167
+
168
+ i.basic.icon.right.arrow:before {
169
+ content: '\e75e';
170
+ }
171
+
172
+ /* '' */
173
+
174
+ i.basic.icon.up:before {
175
+ content: '\2191';
176
+ }
177
+
178
+ /* '' */
179
+
180
+ i.basic.icon.up.triangle:before {
181
+ content: '\25b4';
182
+ }
183
+
184
+ /* '' */
185
+
186
+ i.basic.icon.up.arrow:before {
187
+ content: '\e75f';
188
+ }
189
+
190
+ /* '' */
191
+
192
+ i.basic.icon.folder:before {
193
+ content: '\e810';
194
+ }
195
+
196
+ /* '' */
197
+
198
+ i.basic.icon.open.folder:before {
199
+ content: '📂';
200
+ }
201
+
202
+ /* '\1f4c2' */
203
+
204
+ i.basic.icon.globe:before {
205
+ content: '𝌍';
206
+ }
207
+
208
+ /* '\1d30d' */
209
+
210
+ i.basic.icon.desk.globe:before {
211
+ content: '🌐';
212
+ }
213
+
214
+ /* '\1f310' */
215
+
216
+ i.basic.icon.star:before {
217
+ content: '\e801';
218
+ }
219
+
220
+ /* '' */
221
+
222
+ i.basic.icon.star.empty:before {
223
+ content: '\e800';
224
+ }
225
+
226
+ /* '' */
227
+
228
+ i.basic.icon.star.half:before {
229
+ content: '\e701';
230
+ }
231
+
232
+ /* '' */
233
+
234
+ i.basic.icon.lock:before {
235
+ content: '🔒';
236
+ }
237
+
238
+ /* '\1f512' */
239
+
240
+ i.basic.icon.unlock:before {
241
+ content: '🔓';
242
+ }
243
+
244
+ /* '\1f513' */
245
+
246
+ i.basic.icon.layout.grid:before {
247
+ content: '\e80c';
248
+ }
249
+
250
+ /* '' */
251
+
252
+ i.basic.icon.layout.block:before {
253
+ content: '\e708';
254
+ }
255
+
256
+ /* '' */
257
+
258
+ i.basic.icon.layout.list:before {
259
+ content: '\e80b';
260
+ }
261
+
262
+ /* '' */
263
+
264
+ i.basic.icon.heart.empty:before {
265
+ content: '\2661';
266
+ }
267
+
268
+ /* '♡' */
269
+
270
+ i.basic.icon.heart:before {
271
+ content: '\2665';
272
+ }
273
+
274
+ /* '♥' */
275
+
276
+ i.basic.icon.asterisk:before {
277
+ content: '\2731';
278
+ }
279
+
280
+ /* '✱' */
281
+
282
+ i.basic.icon.attachment:before {
283
+ content: '📎';
284
+ }
285
+
286
+ /* '\1f4ce' */
287
+
288
+ i.basic.icon.attention:before {
289
+ content: '\26a0';
290
+ }
291
+
292
+ /* '⚠' */
293
+
294
+ i.basic.icon.trophy:before {
295
+ content: '🏉';
296
+ }
297
+
298
+ /* '\1f3c9' */
299
+
300
+ i.basic.icon.barcode:before {
301
+ content: '\e792';
302
+ }
303
+
304
+ /* '' */
305
+
306
+ i.basic.icon.cart:before {
307
+ content: '\e813';
308
+ }
309
+
310
+ /* '' */
311
+
312
+ i.basic.icon.block:before {
313
+ content: '🚫';
314
+ }
315
+
316
+ /* '\1f6ab' */
317
+
318
+ i.basic.icon.book:before {
319
+ content: '📖';
320
+ }
321
+
322
+ i.basic.icon.bookmark:before {
323
+ content: '🔖';
324
+ }
325
+
326
+ /* '\1f516' */
327
+
328
+ i.basic.icon.calendar:before {
329
+ content: '📅';
330
+ }
331
+
332
+ /* '\1f4c5' */
333
+
334
+ i.basic.icon.cancel:before {
335
+ content: '\2716';
336
+ }
337
+
338
+ /* '✖' */
339
+
340
+ i.basic.icon.close:before {
341
+ content: '\e80d';
342
+ }
343
+
344
+ /* '' */
345
+
346
+ i.basic.icon.color:before {
347
+ content: '\e794';
348
+ }
349
+
350
+ /* '' */
351
+
352
+ i.basic.icon.chat:before {
353
+ content: '\e720';
354
+ }
355
+
356
+ /* '' */
357
+
358
+ i.basic.icon.check:before {
359
+ content: '\2611';
360
+ }
361
+
362
+ /* '☑' */
363
+
364
+ i.basic.icon.time:before {
365
+ content: '🕔';
366
+ }
367
+
368
+ /* '\1f554' */
369
+
370
+ i.basic.icon.cloud:before {
371
+ content: '\2601';
372
+ }
373
+
374
+ /* '☁' */
375
+
376
+ i.basic.icon.code:before {
377
+ content: '\e714';
378
+ }
379
+
380
+ /* '' */
381
+
382
+ i.basic.icon.email:before {
383
+ content: '\40';
384
+ }
385
+
386
+ /* '$' */
387
+
388
+ i.basic.icon.settings:before {
389
+ content: '\26ef';
390
+ }
391
+
392
+ /* '⛯' */
393
+
394
+ i.basic.icon.setting:before {
395
+ content: '\2699';
396
+ }
397
+
398
+ /* '⚙' */
399
+
400
+ i.basic.icon.comment:before {
401
+ content: '\e802';
402
+ }
403
+
404
+ /* '' */
405
+
406
+ i.basic.icon.clockwise.counter:before {
407
+ content: '\27f2';
408
+ }
409
+
410
+ /* '⟲' */
411
+
412
+ i.basic.icon.clockwise:before {
413
+ content: '\27f3';
414
+ }
415
+
416
+ /* '⟳' */
417
+
418
+ i.basic.icon.cube:before {
419
+ content: '\e807';
420
+ }
421
+
422
+ /* '' */
423
+
424
+ i.basic.icon.direction:before {
425
+ content: '\27a2';
426
+ }
427
+
428
+ /* '➢' */
429
+
430
+ i.basic.icon.doc:before {
431
+ content: '📄';
432
+ }
433
+
434
+ /* '\1f4c4' */
435
+
436
+ i.basic.icon.docs:before {
437
+ content: '\e736';
438
+ }
439
+
440
+ /* '' */
441
+
442
+ i.basic.icon.dollar:before {
443
+ content: '💵';
444
+ }
445
+
446
+ /* '\1f4b5' */
447
+
448
+ i.basic.icon.paint:before {
449
+ content: '\e7b5';
450
+ }
451
+
452
+ /* '' */
453
+
454
+ i.basic.icon.edit:before {
455
+ content: '\270d';
456
+ }
457
+
458
+ /* '✍' */
459
+
460
+ i.basic.icon.eject:before {
461
+ content: '\2ecf';
462
+ }
463
+
464
+ /* '⻏' */
465
+
466
+ i.basic.icon.export:before {
467
+ content: '\e715';
468
+ }
469
+
470
+ /* '' */
471
+
472
+ i.basic.icon.hide:before {
473
+ content: '\e80f';
474
+ }
475
+
476
+ /* '' */
477
+
478
+ i.basic.icon.unhide:before {
479
+ content: '\e70b';
480
+ }
481
+
482
+ /* '' */
483
+
484
+ i.basic.icon.facebook:before {
485
+ content: '\f301';
486
+ }
487
+
488
+ /* '' */
489
+
490
+ i.basic.icon.fast-forward:before {
491
+ content: '\e804';
492
+ }
493
+
494
+ /* '' */
495
+
496
+ i.basic.icon.fire:before {
497
+ content: '🔥';
498
+ }
499
+
500
+ /* '\1f525' */
501
+
502
+ i.basic.icon.flag:before {
503
+ content: '\2691';
504
+ }
505
+
506
+ /* '⚑' */
507
+
508
+ i.basic.icon.lightning:before {
509
+ content: '\26a1';
510
+ }
511
+
512
+ /* '⚡' */
513
+
514
+ i.basic.icon.lab:before {
515
+ content: '\68';
516
+ }
517
+
518
+ /* 'h' */
519
+
520
+ i.basic.icon.flight:before {
521
+ content: '\2708';
522
+ }
523
+
524
+ /* '✈' */
525
+
526
+ i.basic.icon.forward:before {
527
+ content: '\27a6';
528
+ }
529
+
530
+ /* '➦' */
531
+
532
+ i.basic.icon.gift:before {
533
+ content: '🎁';
534
+ }
535
+
536
+ /* '\1f381' */
537
+
538
+ i.basic.icon.github:before {
539
+ content: '\f308';
540
+ }
541
+
542
+ /* '' */
543
+
544
+ i.basic.icon.globe:before {
545
+ content: '\e817';
546
+ }
547
+
548
+ /* '' */
549
+
550
+ i.basic.icon.headphones:before {
551
+ content: '🎧';
552
+ }
553
+
554
+ /* '\1f3a7' */
555
+
556
+ i.basic.icon.question:before {
557
+ content: '\2753';
558
+ }
559
+
560
+ /* '❓' */
561
+
562
+ i.basic.icon.home:before {
563
+ content: '\2302';
564
+ }
565
+
566
+ /* '⌂' */
567
+
568
+ i.basic.icon.i:before {
569
+ content: '\2139';
570
+ }
571
+
572
+ /* 'ℹ' */
573
+
574
+ i.basic.icon.idea:before {
575
+ content: '💡';
576
+ }
577
+
578
+ /* '\1f4a1' */
579
+
580
+ i.basic.icon.open:before {
581
+ content: '🔗';
582
+ }
583
+
584
+ /* '\1f517' */
585
+
586
+ i.basic.icon.content:before {
587
+ content: '\e782';
588
+ }
589
+
590
+ /* '' */
591
+
592
+ i.basic.icon.location:before {
593
+ content: '\e724';
594
+ }
595
+
596
+ /* '' */
597
+
598
+ i.basic.icon.mail:before {
599
+ content: '\2709';
600
+ }
601
+
602
+ /* '✉' */
603
+
604
+ i.basic.icon.mic:before {
605
+ content: '🎤';
606
+ }
607
+
608
+ /* '\1f3a4' */
609
+
610
+ i.basic.icon.minus:before {
611
+ content: '\2d';
612
+ }
613
+
614
+ /* '-' */
615
+
616
+ i.basic.icon.money:before {
617
+ content: '💰';
618
+ }
619
+
620
+ /* '\1f4b0' */
621
+
622
+ i.basic.icon.off:before {
623
+ content: '\e78e';
624
+ }
625
+
626
+ /* '' */
627
+
628
+ i.basic.icon.pause:before {
629
+ content: '\e808';
630
+ }
631
+
632
+ /* '' */
633
+
634
+ i.basic.icon.photos:before {
635
+ content: '\e812';
636
+ }
637
+
638
+ /* '' */
639
+
640
+ i.basic.icon.photo:before {
641
+ content: '🌄';
642
+ }
643
+
644
+ /* '\1f304' */
645
+
646
+ i.basic.icon.pin:before {
647
+ content: '📌';
648
+ }
649
+
650
+ /* '\1f4cc' */
651
+
652
+ i.basic.icon.play:before {
653
+ content: '\e809';
654
+ }
655
+
656
+ /* '' */
657
+
658
+ i.basic.icon.plus:before {
659
+ content: '\2b';
660
+ }
661
+
662
+ /* '+' */
663
+
664
+ i.basic.icon.print:before {
665
+ content: '\e716';
666
+ }
667
+
668
+ /* '' */
669
+
670
+ i.basic.icon.rss:before {
671
+ content: '\e73a';
672
+ }
673
+
674
+ /* '' */
675
+
676
+ i.basic.icon.search:before {
677
+ content: '🔍';
678
+ }
679
+
680
+ /* '\1f50d' */
681
+
682
+ i.basic.icon.shuffle:before {
683
+ content: '\e803';
684
+ }
685
+
686
+ /* '' */
687
+
688
+ i.basic.icon.tag:before {
689
+ content: '\e80a';
690
+ }
691
+
692
+ /* '' */
693
+
694
+ i.basic.icon.tags:before {
695
+ content: '\e70d';
696
+ }
697
+
698
+ /* '' */
699
+
700
+ i.basic.icon.terminal:before {
701
+ content: '\e7ac';
702
+ }
703
+
704
+ /* '' */
705
+
706
+ i.basic.icon.thumbs.down:before {
707
+ content: '👎';
708
+ }
709
+
710
+ /* '\1f44e' */
711
+
712
+ i.basic.icon.thumbs.up:before {
713
+ content: '👍';
714
+ }
715
+
716
+ /* '\1f44d' */
717
+
718
+ i.basic.icon.to-end:before {
719
+ content: '\e806';
720
+ }
721
+
722
+ /* '' */
723
+
724
+ i.basic.icon.to-start:before {
725
+ content: '\e805';
726
+ }
727
+
728
+ /* '' */
729
+
730
+ i.basic.icon.top.list:before {
731
+ content: '🏆';
732
+ }
733
+
734
+ /* '\1f3c6' */
735
+
736
+ i.basic.icon.trash:before {
737
+ content: '\e729';
738
+ }
739
+
740
+ /* '' */
741
+
742
+ i.basic.icon.twitter:before {
743
+ content: '\f303';
744
+ }
745
+
746
+ /* '' */
747
+
748
+ i.basic.icon.upload:before {
749
+ content: '\e711';
750
+ }
751
+
752
+ /* '' */
753
+
754
+ i.basic.icon.user.add:before {
755
+ content: '\e700';
756
+ }
757
+
758
+ /* '' */
759
+
760
+ i.basic.icon.user:before {
761
+ content: '👤';
762
+ }
763
+
764
+ /* '\1f464' */
765
+
766
+ i.basic.icon.community:before {
767
+ content: '\e814';
768
+ }
769
+
770
+ /* '' */
771
+
772
+ i.basic.icon.users:before {
773
+ content: '👥';
774
+ }
775
+
776
+ /* '\1f465' */
777
+
778
+ i.basic.icon.id:before {
779
+ content: '\e722';
780
+ }
781
+
782
+ /* '' */
783
+
784
+ i.basic.icon.url:before {
785
+ content: '🔗';
786
+ }
787
+
788
+ /* '\1f517' */
789
+
790
+ i.basic.icon.zoom.in:before {
791
+ content: '\e750';
792
+ }
793
+
794
+ /* '' */
795
+
796
+ i.basic.icon.zoom.out:before {
797
+ content: '\e751';
798
+ }
799
+
800
+ /* '' */
202
801
 
203
802
  /*--------------
204
803
  Spacing Fix
205
804
  ---------------*/
206
805
 
207
806
  /* dropdown arrows are to the right */
807
+
208
808
  i.dropdown.basic.icon {
209
809
  margin: 0em 0em 0em 0.5em;
210
810
  }
211
811
 
212
812
  /* stars are usually consecutive */
813
+
213
814
  i.basic.icon.star {
214
815
  width: auto;
215
816
  margin: 0em;
216
817
  }
217
818
 
218
819
  /* left side basic.icons */
820
+
219
821
  i.basic.icon.left,
220
822
  i.basic.icon.left,
221
823
  i.basic.icon.left {
@@ -224,6 +826,7 @@ i.basic.icon.left {
224
826
  }
225
827
 
226
828
  /* right side basic.icons */
829
+
227
830
  i.basic.icon.search,
228
831
  i.basic.icon.up,
229
832
  i.basic.icon.down,
@@ -237,20 +840,66 @@ i.basic.icon.right {
237
840
  ---------------*/
238
841
 
239
842
  /* aliases for convenience */
240
- i.basic.icon.delete:before { content: '\e80d'; } /* '' */
241
- i.basic.icon.dropdown:before { content: '\25be'; } /* '▾' */
242
843
 
243
- i.basic.icon.help:before { content: '\e704'; } /* '' */
244
- i.basic.icon.info:before { content: '\e705'; } /* '' */
245
- i.basic.icon.error:before { content: '\e80d'; } /* '' */
844
+ i.basic.icon.delete:before {
845
+ content: '\e80d';
846
+ }
847
+
848
+ /* '' */
849
+
850
+ i.basic.icon.dropdown:before {
851
+ content: '\25be';
852
+ }
853
+
854
+ /* '▾' */
855
+
856
+ i.basic.icon.help:before {
857
+ content: '\e704';
858
+ }
859
+
860
+ /* '' */
861
+
862
+ i.basic.icon.info:before {
863
+ content: '\e705';
864
+ }
865
+
866
+ /* '' */
867
+
868
+ i.basic.icon.error:before {
869
+ content: '\e80d';
870
+ }
871
+
872
+ /* '' */
873
+
874
+ i.basic.icon.dislike:before {
875
+ content: '\2661';
876
+ }
877
+
878
+ /* '♡' */
879
+
880
+ i.basic.icon.like:before {
881
+ content: '\2665';
882
+ }
883
+
884
+ /* '♥' */
885
+
886
+ i.basic.icon.eye:before {
887
+ content: '\e80f';
888
+ }
246
889
 
247
- i.basic.icon.dislike:before { content: '\2661'; } /* '' */
248
- i.basic.icon.like:before { content: '\2665'; } /* '♥' */
890
+ /* '' */
249
891
 
250
- i.basic.icon.eye:before { content: '\e80f'; } /* '' */
251
- i.basic.icon.eye.hidden:before { content: '\e70b'; } /* '' */
252
- i.basic.icon.date:before { content: '📅'; } /* '\1f4c5' */
892
+ i.basic.icon.eye.hidden:before {
893
+ content: '\e70b';
894
+ }
895
+
896
+ /* '' */
897
+
898
+ i.basic.icon.date:before {
899
+ content: '📅';
900
+ }
253
901
 
902
+ /* '\1f4c5' */
254
903
 
255
904
  /*******************************
256
905
  States
@@ -272,7 +921,6 @@ i.basic.icon.disabled {
272
921
  opacity: 0.3;
273
922
  }
274
923
 
275
-
276
924
  /*******************************
277
925
  Variations
278
926
  *******************************/
@@ -285,11 +933,9 @@ i.link.basic.icon {
285
933
  cursor: pointer;
286
934
  opacity: 0.7;
287
935
  -webkit-transition: opacity 0.3s ease-out;
288
- -moz-transition: opacity 0.3s ease-out;
289
- -o-transition: opacity 0.3s ease-out;
290
- -ms-transition: opacity 0.3s ease-out;
291
936
  transition: opacity 0.3s ease-out;
292
937
  }
938
+
293
939
  .link.basic.icon:hover {
294
940
  opacity: 1 !important;
295
941
  }
@@ -299,24 +945,18 @@ i.link.basic.icon {
299
945
  --------------------*/
300
946
 
301
947
  i.circular.basic.icon {
302
- -webkit-border-radius: 500px !important;
303
- -moz-border-radius: 500px !important;
304
948
  border-radius: 500px !important;
305
-
306
949
  padding: 0.5em 0em !important;
307
-
308
950
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
309
- -moz-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
310
951
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
311
-
312
952
  line-height: 1 !important;
313
953
  width: 2em !important;
314
954
  height: 2em !important;
315
955
  }
956
+
316
957
  i.circular.inverted.basic.icon {
317
958
  border: none;
318
959
  -webkit-box-shadow: none;
319
- -moz-box-shadow: none;
320
960
  box-shadow: none;
321
961
  }
322
962
 
@@ -326,15 +966,12 @@ i.circular.inverted.basic.icon {
326
966
 
327
967
  i.vertically.flipped.basic.icon {
328
968
  -webkit-transform: scale(1, -1);
329
- -moz-transform: scale(1, -1);
330
- -o-transform: scale(1, -1);
331
969
  -ms-transform: scale(1, -1);
332
970
  transform: scale(1, -1);
333
971
  }
972
+
334
973
  i.horizontally.flipped.basic.icon {
335
974
  -webkit-transform: scale(-1, 1);
336
- -moz-transform: scale(-1, 1);
337
- -o-transform: scale(-1, 1);
338
975
  -ms-transform: scale(-1, 1);
339
976
  transform: scale(-1, 1);
340
977
  }
@@ -345,20 +982,16 @@ i.horizontally.flipped.basic.icon {
345
982
 
346
983
  i.left.rotated.basic.icon {
347
984
  -webkit-transform: rotate(-90deg);
348
- -moz-transform: rotate(-90deg);
349
- -o-transform: rotate(-90deg);
350
985
  -ms-transform: rotate(-90deg);
351
986
  transform: rotate(-90deg);
352
987
  }
988
+
353
989
  i.right.rotated.basic.icon {
354
990
  -webkit-transform: rotate(90deg);
355
- -moz-transform: rotate(90deg);
356
- -o-transform: rotate(90deg);
357
991
  -ms-transform: rotate(90deg);
358
992
  transform: rotate(90deg);
359
993
  }
360
994
 
361
-
362
995
  /*-------------------
363
996
  Square
364
997
  --------------------*/
@@ -367,24 +1000,21 @@ i.square.basic.icon {
367
1000
  width: 2em;
368
1001
  height: 2em;
369
1002
  padding: 0.5em 0.35em !important;
370
-
371
1003
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
372
- -moz-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
373
1004
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
374
-
375
1005
  vertical-align: baseline;
376
1006
  }
1007
+
377
1008
  i.square.basic.icon:before {
378
1009
  vertical-align: middle;
379
1010
  }
1011
+
380
1012
  i.square.inverted.basic.icon {
381
1013
  border: none;
382
1014
  -webkit-box-shadow: none;
383
- -moz-box-shadow: none;
384
1015
  box-shadow: none;
385
1016
  }
386
1017
 
387
-
388
1018
  /*-------------------
389
1019
  Inverted
390
1020
  --------------------*/
@@ -401,18 +1031,23 @@ i.inverted.basic.icon {
401
1031
  i.blue.basic.icon {
402
1032
  color: #6ECFF5 !important;
403
1033
  }
1034
+
404
1035
  i.black.basic.icon {
405
1036
  color: #5C6166 !important;
406
1037
  }
1038
+
407
1039
  i.green.basic.icon {
408
1040
  color: #A1CF64 !important;
409
1041
  }
1042
+
410
1043
  i.red.basic.icon {
411
1044
  color: #D95C5C !important;
412
1045
  }
1046
+
413
1047
  i.purple.basic.icon {
414
1048
  color: #564F8A !important;
415
1049
  }
1050
+
416
1051
  i.teal.basic.icon {
417
1052
  color: #00B5AD !important;
418
1053
  }
@@ -425,28 +1060,32 @@ i.inverted.black.basic.icon {
425
1060
  background-color: #5C6166 !important;
426
1061
  color: #FFFFFF !important;
427
1062
  }
1063
+
428
1064
  i.inverted.blue.basic.icon {
429
1065
  background-color: #6ECFF5 !important;
430
1066
  color: #FFFFFF !important;
431
1067
  }
1068
+
432
1069
  i.inverted.green.basic.icon {
433
1070
  background-color: #A1CF64 !important;
434
1071
  color: #FFFFFF !important;
435
1072
  }
1073
+
436
1074
  i.inverted.red.basic.icon {
437
1075
  background-color: #D95C5C !important;
438
1076
  color: #FFFFFF !important;
439
1077
  }
1078
+
440
1079
  i.inverted.purple.basic.icon {
441
1080
  background-color: #564F8A !important;
442
1081
  color: #FFFFFF !important;
443
1082
  }
1083
+
444
1084
  i.inverted.teal.basic.icon {
445
1085
  background-color: #00B5AD !important;
446
1086
  color: #FFFFFF !important;
447
1087
  }
448
1088
 
449
-
450
1089
  /*-------------------
451
1090
  Sizes
452
1091
  --------------------*/
@@ -454,24 +1093,29 @@ i.inverted.teal.basic.icon {
454
1093
  i.small.basic.icon {
455
1094
  font-size: 0.875em;
456
1095
  }
1096
+
457
1097
  i.basic.icon {
458
1098
  font-size: 1em;
459
1099
  }
1100
+
460
1101
  i.large.basic.icon {
461
1102
  font-size: 1.5em;
462
1103
  margin-right: 0.2em;
463
1104
  vertical-align: middle;
464
1105
  }
1106
+
465
1107
  i.big.basic.icon {
466
1108
  font-size: 2em;
467
1109
  margin-right: 0.5em;
468
1110
  vertical-align: middle;
469
1111
  }
1112
+
470
1113
  i.huge.basic.icon {
471
1114
  font-size: 4em;
472
1115
  margin-right: 0.75em;
473
1116
  vertical-align: middle;
474
1117
  }
1118
+
475
1119
  i.massive.basic.icon {
476
1120
  font-size: 8em;
477
1121
  margin-right: 1em;