semantic-ui-sass 1.12.3.0 → 2.0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui.js +1 -0
  4. data/app/assets/javascripts/semantic-ui/accordion.js +67 -53
  5. data/app/assets/javascripts/semantic-ui/api.js +395 -189
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +322 -114
  7. data/app/assets/javascripts/semantic-ui/colorize.js +4 -2
  8. data/app/assets/javascripts/semantic-ui/dimmer.js +74 -50
  9. data/app/assets/javascripts/semantic-ui/dropdown.js +2046 -584
  10. data/app/assets/javascripts/semantic-ui/embed.js +662 -0
  11. data/app/assets/javascripts/semantic-ui/form.js +345 -163
  12. data/app/assets/javascripts/semantic-ui/modal.js +119 -90
  13. data/app/assets/javascripts/semantic-ui/nag.js +8 -9
  14. data/app/assets/javascripts/semantic-ui/popup.js +390 -228
  15. data/app/assets/javascripts/semantic-ui/progress.js +112 -103
  16. data/app/assets/javascripts/semantic-ui/rating.js +79 -55
  17. data/app/assets/javascripts/semantic-ui/search.js +305 -123
  18. data/app/assets/javascripts/semantic-ui/shape.js +94 -48
  19. data/app/assets/javascripts/semantic-ui/sidebar.js +84 -151
  20. data/app/assets/javascripts/semantic-ui/site.js +5 -5
  21. data/app/assets/javascripts/semantic-ui/state.js +4 -4
  22. data/app/assets/javascripts/semantic-ui/sticky.js +108 -35
  23. data/app/assets/javascripts/semantic-ui/tab.js +220 -125
  24. data/app/assets/javascripts/semantic-ui/transition.js +205 -171
  25. data/app/assets/javascripts/semantic-ui/visibility.js +220 -100
  26. data/app/assets/javascripts/semantic-ui/visit.js +6 -4
  27. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +17 -16
  28. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +223 -121
  29. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +462 -448
  30. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +949 -665
  31. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +134 -92
  32. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +270 -208
  33. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  34. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1357 -521
  35. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +125 -0
  36. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +51 -31
  37. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -3
  38. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +270 -144
  39. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +241 -110
  40. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +30 -16
  41. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +88 -53
  42. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +432 -281
  43. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +172 -128
  44. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +16 -14
  45. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +15 -7
  46. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +32 -13
  47. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +329 -212
  48. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +291 -99
  49. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -2
  50. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +19 -18
  51. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +17 -18
  52. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +1 -0
  53. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +265 -161
  54. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +29 -15
  55. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +441 -156
  56. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +168 -0
  57. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +163 -85
  58. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +8 -8
  59. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +88 -23
  60. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +185 -129
  61. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +75 -60
  62. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +99 -52
  63. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +11 -11
  64. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -12
  65. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +4 -4
  66. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  67. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +31 -39
  68. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +3 -3
  69. data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -0
  70. data/app/assets/stylesheets/semantic-ui/views/_card.scss +204 -162
  71. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -6
  72. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +51 -26
  73. data/app/assets/stylesheets/semantic-ui/views/_item.scss +62 -36
  74. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +265 -90
  75. data/lib/semantic/ui/sass/version.rb +2 -2
  76. data/semantic-ui-sass.gemspec +2 -2
  77. metadata +9 -6
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * # Semantic UI 1.12.3 - Statistic
2
+ * # Semantic UI 2.0.4 - Statistic
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2014 Contributorss
6
+ * Copyright 2015 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -17,12 +17,20 @@
17
17
 
18
18
  /* Standalone */
19
19
  .ui.statistic {
20
- display: inline-block;
20
+ display: -webkit-inline-box;
21
+ display: -webkit-inline-flex;
22
+ display: -ms-inline-flexbox;
23
+ display: inline-flex;
24
+ -webkit-box-orient: vertical;
25
+ -webkit-box-direction: normal;
26
+ -webkit-flex-direction: column;
27
+ -ms-flex-direction: column;
28
+ flex-direction: column;
21
29
  margin: 1em 0em;
22
- max-width: 175px;
30
+ max-width: auto;
23
31
  }
24
32
  .ui.statistic + .ui.statistic {
25
- margin: 0em 0em 0em 1em;
33
+ margin: 0em 0em 0em 1.5em;
26
34
  }
27
35
  .ui.statistic:first-child {
28
36
  margin-top: 0em;
@@ -31,22 +39,49 @@
31
39
  margin-bottom: 0em;
32
40
  }
33
41
 
34
- /* Grouped */
35
- .ui.statistics > .statistic {
36
- display: block;
37
- float: left;
38
- margin: 0em 1em 2em;
39
- max-width: 175px;
40
- }
41
-
42
42
 
43
43
  /*******************************
44
44
  Group
45
45
  *******************************/
46
46
 
47
+
48
+ /* Grouped */
47
49
  .ui.statistics {
48
- display: block;
49
- margin: 1em -1em;
50
+ display: -webkit-box;
51
+ display: -webkit-flex;
52
+ display: -ms-flexbox;
53
+ display: flex;
54
+ -webkit-box-align: start;
55
+ -webkit-align-items: flex-start;
56
+ -ms-flex-align: start;
57
+ align-items: flex-start;
58
+ -webkit-flex-wrap: wrap;
59
+ -ms-flex-wrap: wrap;
60
+ flex-wrap: wrap;
61
+ }
62
+ .ui.statistics > .statistic {
63
+ display: -webkit-inline-box;
64
+ display: -webkit-inline-flex;
65
+ display: -ms-inline-flexbox;
66
+ display: inline-flex;
67
+ -webkit-box-flex: 0;
68
+ -webkit-flex: 0 1 auto;
69
+ -ms-flex: 0 1 auto;
70
+ flex: 0 1 auto;
71
+ -webkit-box-orient: vertical;
72
+ -webkit-box-direction: normal;
73
+ -webkit-flex-direction: column;
74
+ -ms-flex-direction: column;
75
+ flex-direction: column;
76
+ margin: 0em 1.5em 2em;
77
+ max-width: auto;
78
+ }
79
+ .ui.statistics {
80
+ display: -webkit-box;
81
+ display: -webkit-flex;
82
+ display: -ms-flexbox;
83
+ display: flex;
84
+ margin: 1em -1.5em -2em;
50
85
  }
51
86
 
52
87
  /* Clearing */
@@ -93,10 +128,10 @@
93
128
  .ui.statistics .statistic > .label,
94
129
  .ui.statistic > .label {
95
130
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
96
- font-size: 1rem;
97
- font-weight: normal;
98
- color: rgba(0, 0, 0, 0.4);
99
- text-transform: none;
131
+ font-size: 1em;
132
+ font-weight: bold;
133
+ color: rgba(0, 0, 0, 0.87);
134
+ text-transform: uppercase;
100
135
  text-align: center;
101
136
  }
102
137
 
@@ -109,7 +144,7 @@
109
144
  /* Bottom Label */
110
145
  .ui.statistics .statistic > .value ~ .label,
111
146
  .ui.statistic > .value ~ .label {
112
- margin-top: 0.25rem;
147
+ margin-top: 0rem;
113
148
  }
114
149
 
115
150
 
@@ -137,6 +172,7 @@
137
172
  .ui.statistic > .text.value {
138
173
  line-height: 1em;
139
174
  min-height: 2em;
175
+ font-weight: bold;
140
176
  text-align: center;
141
177
  }
142
178
  .ui.statistics .statistic > .text.value + .label,
@@ -160,20 +196,117 @@
160
196
  *******************************/
161
197
 
162
198
 
199
+ /*--------------
200
+ Count
201
+ ---------------*/
202
+
203
+ .ui.ten.statistics {
204
+ margin: 0em 0em -2em;
205
+ }
206
+ .ui.ten.statistics .statistic {
207
+ min-width: 10%;
208
+ margin: 0em 0em 2em;
209
+ }
210
+ .ui.nine.statistics {
211
+ margin: 0em 0em -2em;
212
+ }
213
+ .ui.nine.statistics .statistic {
214
+ min-width: 11.11111111%;
215
+ margin: 0em 0em 2em;
216
+ }
217
+ .ui.eight.statistics {
218
+ margin: 0em 0em -2em;
219
+ }
220
+ .ui.eight.statistics .statistic {
221
+ min-width: 12.5%;
222
+ margin: 0em 0em 2em;
223
+ }
224
+ .ui.seven.statistics {
225
+ margin: 0em 0em -2em;
226
+ }
227
+ .ui.seven.statistics .statistic {
228
+ min-width: 14.28571429%;
229
+ margin: 0em 0em 2em;
230
+ }
231
+ .ui.six.statistics {
232
+ margin: 0em 0em -2em;
233
+ }
234
+ .ui.six.statistics .statistic {
235
+ min-width: 16.66666667%;
236
+ margin: 0em 0em 2em;
237
+ }
238
+ .ui.five.statistics {
239
+ margin: 0em 0em -2em;
240
+ }
241
+ .ui.five.statistics .statistic {
242
+ min-width: 20%;
243
+ margin: 0em 0em 2em;
244
+ }
245
+ .ui.four.statistics {
246
+ margin: 0em 0em -2em;
247
+ }
248
+ .ui.four.statistics .statistic {
249
+ min-width: 25%;
250
+ margin: 0em 0em 2em;
251
+ }
252
+ .ui.three.statistics {
253
+ margin: 0em 0em -2em;
254
+ }
255
+ .ui.three.statistics .statistic {
256
+ min-width: 33.33333333%;
257
+ margin: 0em 0em 2em;
258
+ }
259
+ .ui.two.statistics {
260
+ margin: 0em 0em -2em;
261
+ }
262
+ .ui.two.statistics .statistic {
263
+ min-width: 50%;
264
+ margin: 0em 0em 2em;
265
+ }
266
+ .ui.one.statistics {
267
+ margin: 0em 0em -2em;
268
+ }
269
+ .ui.one.statistics .statistic {
270
+ min-width: 100%;
271
+ margin: 0em 0em 2em;
272
+ }
273
+
163
274
  /*--------------
164
275
  Horizontal
165
276
  ---------------*/
166
277
 
167
- .ui.horizontal.statistics,
168
278
  .ui.horizontal.statistic {
169
- display: block;
279
+ -webkit-box-orient: horizontal;
280
+ -webkit-box-direction: normal;
281
+ -webkit-flex-direction: row;
282
+ -ms-flex-direction: row;
283
+ flex-direction: row;
284
+ -webkit-box-align: center;
285
+ -webkit-align-items: center;
286
+ -ms-flex-align: center;
287
+ align-items: center;
288
+ }
289
+ .ui.horizontal.statistics {
290
+ -webkit-box-orient: vertical;
291
+ -webkit-box-direction: normal;
292
+ -webkit-flex-direction: column;
293
+ -ms-flex-direction: column;
294
+ flex-direction: column;
170
295
  margin: 0em;
171
- max-width: 9999px;
296
+ max-width: none;
172
297
  }
173
298
  .ui.horizontal.statistics .statistic {
174
- float: none;
299
+ -webkit-box-orient: horizontal;
300
+ -webkit-box-direction: normal;
301
+ -webkit-flex-direction: row;
302
+ -ms-flex-direction: row;
303
+ flex-direction: row;
304
+ -webkit-box-align: center;
305
+ -webkit-align-items: center;
306
+ -ms-flex-align: center;
307
+ align-items: center;
308
+ max-width: none;
175
309
  margin: 1em 0em;
176
- max-width: 9999px;
177
310
  }
178
311
  .ui.horizontal.statistic > .text.value,
179
312
  .ui.horizontal.statistics > .statistic > .text.value {
@@ -199,112 +332,154 @@
199
332
  Colors
200
333
  ---------------*/
201
334
 
202
- .ui.blue.statistics .statistic > .value,
203
- .ui.statistics .blue.statistic > .value,
204
- .ui.blue.statistic > .value {
205
- color: #3b83c0;
206
- }
207
- .ui.green.statistics .statistic > .value,
208
- .ui.statistics .green.statistic > .value,
209
- .ui.green.statistic > .value {
210
- color: #5bbd72;
335
+ .ui.red.statistics .statistic > .value,
336
+ .ui.statistics .red.statistic > .value,
337
+ .ui.red.statistic > .value {
338
+ color: #db2828;
211
339
  }
212
340
  .ui.orange.statistics .statistic > .value,
213
341
  .ui.statistics .orange.statistic > .value,
214
342
  .ui.orange.statistic > .value {
215
- color: #e07b53;
343
+ color: #f2711c;
216
344
  }
217
- .ui.pink.statistics .statistic > .value,
218
- .ui.statistics .pink.statistic > .value,
219
- .ui.pink.statistic > .value {
220
- color: #d9499a;
345
+ .ui.yellow.statistics .statistic > .value,
346
+ .ui.statistics .yellow.statistic > .value,
347
+ .ui.yellow.statistic > .value {
348
+ color: #fbbd08;
221
349
  }
222
- .ui.purple.statistics .statistic > .value,
223
- .ui.statistics .purple.statistic > .value,
224
- .ui.purple.statistic > .value {
225
- color: #564f8a;
350
+ .ui.olive.statistics .statistic > .value,
351
+ .ui.statistics .olive.statistic > .value,
352
+ .ui.olive.statistic > .value {
353
+ color: #b5cc18;
226
354
  }
227
- .ui.red.statistics .statistic > .value,
228
- .ui.statistics .red.statistic > .value,
229
- .ui.red.statistic > .value {
230
- color: #d95c5c;
355
+ .ui.green.statistics .statistic > .value,
356
+ .ui.statistics .green.statistic > .value,
357
+ .ui.green.statistic > .value {
358
+ color: #21ba45;
231
359
  }
232
360
  .ui.teal.statistics .statistic > .value,
233
361
  .ui.statistics .teal.statistic > .value,
234
362
  .ui.teal.statistic > .value {
235
363
  color: #00b5ad;
236
364
  }
237
- .ui.yellow.statistics .statistic > .value,
238
- .ui.statistics .yellow.statistic > .value,
239
- .ui.yellow.statistic > .value {
240
- color: #f2c61f;
365
+ .ui.blue.statistics .statistic > .value,
366
+ .ui.statistics .blue.statistic > .value,
367
+ .ui.blue.statistic > .value {
368
+ color: #2185d0;
241
369
  }
242
-
243
- /*--------------
244
- Floated
245
- ---------------*/
246
-
247
- .ui[class*="left floated"].statistic {
248
- float: left;
249
- margin: 0em 2em 1em 0em;
370
+ .ui.violet.statistics .statistic > .value,
371
+ .ui.statistics .violet.statistic > .value,
372
+ .ui.violet.statistic > .value {
373
+ color: #6435c9;
250
374
  }
251
- .ui[class*="right floated"].statistic {
252
- float: right;
253
- margin: 0em 0em 1em 2em;
375
+ .ui.purple.statistics .statistic > .value,
376
+ .ui.statistics .purple.statistic > .value,
377
+ .ui.purple.statistic > .value {
378
+ color: #a333c8;
254
379
  }
255
- .ui.floated.statistic:last-child {
256
- margin-bottom: 0em;
380
+ .ui.pink.statistics .statistic > .value,
381
+ .ui.statistics .pink.statistic > .value,
382
+ .ui.pink.statistic > .value {
383
+ color: #e03997;
384
+ }
385
+ .ui.brown.statistics .statistic > .value,
386
+ .ui.statistics .brown.statistic > .value,
387
+ .ui.brown.statistic > .value {
388
+ color: #a5673f;
389
+ }
390
+ .ui.grey.statistics .statistic > .value,
391
+ .ui.statistics .grey.statistic > .value,
392
+ .ui.grey.statistic > .value {
393
+ color: #767676;
257
394
  }
258
395
 
259
396
  /*--------------
260
397
  Inverted
261
398
  ---------------*/
262
399
 
400
+ .ui.inverted.statistics .statistic > .value,
263
401
  .ui.inverted.statistic .value {
264
402
  color: #ffffff;
265
403
  }
404
+ .ui.inverted.statistics .statistic > .label,
266
405
  .ui.inverted.statistic .label {
267
- color: rgba(255, 255, 255, 0.8);
406
+ color: rgba(255, 255, 255, 0.9);
268
407
  }
269
- .ui.inverted.blue.statistics .statistic > .value,
270
- .ui.statistics .inverted.blue.statistic > .value,
271
- .ui.inverted.blue.statistic > .value {
272
- color: #54c8ff;
408
+ .ui.inverted.red.statistics .statistic > .value,
409
+ .ui.statistics .inverted.red.statistic > .value,
410
+ .ui.inverted.red.statistic > .value {
411
+ color: #ff695e;
412
+ }
413
+ .ui.inverted.orange.statistics .statistic > .value,
414
+ .ui.statistics .inverted.orange.statistic > .value,
415
+ .ui.inverted.orange.statistic > .value {
416
+ color: #ff851b;
417
+ }
418
+ .ui.inverted.yellow.statistics .statistic > .value,
419
+ .ui.statistics .inverted.yellow.statistic > .value,
420
+ .ui.inverted.yellow.statistic > .value {
421
+ color: #ffe21f;
422
+ }
423
+ .ui.inverted.olive.statistics .statistic > .value,
424
+ .ui.statistics .inverted.olive.statistic > .value,
425
+ .ui.inverted.olive.statistic > .value {
426
+ color: #d9e778;
273
427
  }
274
428
  .ui.inverted.green.statistics .statistic > .value,
275
429
  .ui.statistics .inverted.green.statistic > .value,
276
430
  .ui.inverted.green.statistic > .value {
277
431
  color: #2ecc40;
278
432
  }
279
- .ui.inverted.orange.statistics .statistic > .value,
280
- .ui.statistics .inverted.orange.statistic > .value,
281
- .ui.inverted.orange.statistic > .value {
282
- color: #ff851b;
433
+ .ui.inverted.teal.statistics .statistic > .value,
434
+ .ui.statistics .inverted.teal.statistic > .value,
435
+ .ui.inverted.teal.statistic > .value {
436
+ color: #6dffff;
437
+ }
438
+ .ui.inverted.blue.statistics .statistic > .value,
439
+ .ui.statistics .inverted.blue.statistic > .value,
440
+ .ui.inverted.blue.statistic > .value {
441
+ color: #54c8ff;
442
+ }
443
+ .ui.inverted.violet.statistics .statistic > .value,
444
+ .ui.statistics .inverted.violet.statistic > .value,
445
+ .ui.inverted.violet.statistic > .value {
446
+ color: #a291fb;
447
+ }
448
+ .ui.inverted.purple.statistics .statistic > .value,
449
+ .ui.statistics .inverted.purple.statistic > .value,
450
+ .ui.inverted.purple.statistic > .value {
451
+ color: #dc73ff;
283
452
  }
284
453
  .ui.inverted.pink.statistics .statistic > .value,
285
454
  .ui.statistics .inverted.pink.statistic > .value,
286
455
  .ui.inverted.pink.statistic > .value {
287
456
  color: #ff8edf;
288
457
  }
289
- .ui.inverted.purple.statistics .statistic > .value,
290
- .ui.statistics .inverted.purple.statistic > .value,
291
- .ui.inverted.purple.statistic > .value {
292
- color: #cdc6ff;
458
+ .ui.inverted.brown.statistics .statistic > .value,
459
+ .ui.statistics .inverted.brown.statistic > .value,
460
+ .ui.inverted.brown.statistic > .value {
461
+ color: #d67c1c;
293
462
  }
294
- .ui.inverted.red.statistics .statistic > .value,
295
- .ui.statistics .inverted.red.statistic > .value,
296
- .ui.inverted.red.statistic > .value {
297
- color: #ff695e;
463
+ .ui.inverted.grey.statistics .statistic > .value,
464
+ .ui.statistics .inverted.grey.statistic > .value,
465
+ .ui.inverted.grey.statistic > .value {
466
+ color: #dcddde;
298
467
  }
299
- .ui.inverted.teal.statistics .statistic > .value,
300
- .ui.statistics .inverted.teal.statistic > .value,
301
- .ui.inverted.teal.statistic > .value {
302
- color: #6dffff;
468
+
469
+ /*--------------
470
+ Floated
471
+ ---------------*/
472
+
473
+ .ui[class*="left floated"].statistic {
474
+ float: left;
475
+ margin: 0em 2em 1em 0em;
303
476
  }
304
- .ui.inverted.yellow.statistics .statistic > .value,
305
- .ui.statistics .inverted.yellow.statistic > .value,
306
- .ui.inverted.yellow.statistic > .value {
307
- color: #ffe21f;
477
+ .ui[class*="right floated"].statistic {
478
+ float: right;
479
+ margin: 0em 0em 1em 2em;
480
+ }
481
+ .ui.floated.statistic:last-child {
482
+ margin-bottom: 0em;
308
483
  }
309
484
 
310
485
  /*--------------
@@ -351,7 +526,7 @@
351
526
  }
352
527
  .ui.small.statistics .statistic > .text.value,
353
528
  .ui.small.statistic > .text.value {
354
- font-size: 1.5rem;
529
+ font-size: 1rem;
355
530
  }
356
531
 
357
532
  /* Medium */