semantic-ui-sass 0.19.3.1 → 1.7.0.0

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