fomantic-ui-sass 2.8.3 → 2.8.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +28 -0
  3. data/README.md +6 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  5. data/app/assets/fonts/semantic-ui/brand-icons.svg +95 -56
  6. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  7. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  8. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  9. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  10. data/app/assets/fonts/semantic-ui/icons.svg +121 -88
  11. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  12. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  13. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  14. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  15. data/app/assets/fonts/semantic-ui/outline-icons.svg +10 -10
  16. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  17. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  18. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  19. data/app/assets/javascripts/semantic-ui/calendar.js +249 -60
  20. data/app/assets/javascripts/semantic-ui/checkbox.js +1 -1
  21. data/app/assets/javascripts/semantic-ui/dimmer.js +3 -3
  22. data/app/assets/javascripts/semantic-ui/dropdown.js +62 -23
  23. data/app/assets/javascripts/semantic-ui/form.js +78 -26
  24. data/app/assets/javascripts/semantic-ui/modal.js +9 -1
  25. data/app/assets/javascripts/semantic-ui/popup.js +6 -5
  26. data/app/assets/javascripts/semantic-ui/progress.js +20 -24
  27. data/app/assets/javascripts/semantic-ui/search.js +28 -0
  28. data/app/assets/javascripts/semantic-ui/slider.js +2 -2
  29. data/app/assets/javascripts/semantic-ui/tab.js +3 -2
  30. data/app/assets/javascripts/semantic-ui/toast.js +9 -7
  31. data/app/assets/javascripts/semantic-ui/visibility.js +1 -1
  32. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +79 -117
  33. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +8 -6
  34. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +36 -35
  35. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +4 -4
  36. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +23 -17
  37. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  38. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +9 -3
  39. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +8 -8
  41. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +124 -15
  42. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +33 -4
  43. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +48 -48
  44. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +38 -2
  45. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +12 -12
  46. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +7 -1
  47. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +16 -9
  48. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +15 -0
  49. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +16 -9
  50. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -0
  51. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +17 -14
  52. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +122 -32
  53. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +6 -6
  54. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +10 -6
  55. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +2 -0
  56. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +32 -3
  57. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +90 -0
  58. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -0
  59. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +2 -1
  60. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +9 -0
  61. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +7 -7
  62. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +34 -34
  63. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  64. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +5 -5
  65. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +4 -4
  66. data/lib/fomantic/ui/sass/version.rb +2 -2
  67. metadata +6 -6
@@ -50,7 +50,7 @@
50
50
  Icon
51
51
  ---------------*/
52
52
 
53
- .ui.header > .icon {
53
+ .ui.header > i.icon {
54
54
  display: table-cell;
55
55
  opacity: 1;
56
56
  font-size: 1.5em;
@@ -59,7 +59,7 @@
59
59
  }
60
60
 
61
61
  /* With Text Node */
62
- .ui.header .icon:only-child {
62
+ .ui.header > i.icon:only-child {
63
63
  display: inline-block;
64
64
  padding: 0;
65
65
  margin-right: 0.75rem;
@@ -99,7 +99,7 @@
99
99
  }
100
100
 
101
101
  /* After Icon */
102
- .ui.header > .icon + .content {
102
+ .ui.header > i.icon + .content {
103
103
  padding-left: 0.75rem;
104
104
  display: table-cell;
105
105
  vertical-align: middle;
@@ -269,7 +269,7 @@ h6.ui.header .sub.header {
269
269
  .ui.icon.header:first-child {
270
270
  margin-top: 0;
271
271
  }
272
- .ui.icon.header .icon {
272
+ .ui.icon.header > i.icon {
273
273
  float: none;
274
274
  display: block;
275
275
  width: auto;
@@ -287,13 +287,13 @@ h6.ui.header .sub.header {
287
287
  display: block;
288
288
  padding: 0;
289
289
  }
290
- .ui.icon.header .circular.icon {
290
+ .ui.icon.header > i.circular.icon {
291
291
  font-size: 2em;
292
292
  }
293
- .ui.icon.header .square.icon {
293
+ .ui.icon.header > i.square.icon {
294
294
  font-size: 2em;
295
295
  }
296
- .ui.block.icon.header .icon {
296
+ .ui.block.icon.header > i.icon {
297
297
  margin-bottom: 0;
298
298
  }
299
299
  .ui.icon.header.aligned {
@@ -675,7 +675,7 @@ a.ui.inverted.black.header.header.header:hover {
675
675
  .ui.dividing.header .sub.header {
676
676
  padding-bottom: 0.21428571rem;
677
677
  }
678
- .ui.dividing.header .icon {
678
+ .ui.dividing.header i.icon {
679
679
  margin-bottom: 0;
680
680
  }
681
681
  .ui.inverted.dividing.header {
@@ -411,48 +411,42 @@ i.inverted.circular.black.icon.icon.icon.icon {
411
411
  i.icon,
412
412
  i.icons {
413
413
  font-size: 1em;
414
+ line-height: 1;
414
415
  }
415
416
  i.mini.mini.mini.icon,
416
417
  i.mini.mini.mini.icons {
417
- line-height: 1;
418
- vertical-align: middle;
419
418
  font-size: 0.4em;
419
+ vertical-align: middle;
420
420
  }
421
421
  i.tiny.tiny.tiny.icon,
422
422
  i.tiny.tiny.tiny.icons {
423
- line-height: 1;
424
- vertical-align: middle;
425
423
  font-size: 0.5em;
424
+ vertical-align: middle;
426
425
  }
427
426
  i.small.small.small.icon,
428
427
  i.small.small.small.icons {
429
- line-height: 1;
430
- vertical-align: middle;
431
428
  font-size: 0.75em;
429
+ vertical-align: middle;
432
430
  }
433
431
  i.large.large.large.icon,
434
432
  i.large.large.large.icons {
435
- line-height: 1;
436
- vertical-align: middle;
437
433
  font-size: 1.5em;
434
+ vertical-align: middle;
438
435
  }
439
436
  i.big.big.big.icon,
440
437
  i.big.big.big.icons {
441
- line-height: 1;
442
- vertical-align: middle;
443
438
  font-size: 2em;
439
+ vertical-align: middle;
444
440
  }
445
441
  i.huge.huge.huge.icon,
446
442
  i.huge.huge.huge.icons {
447
- line-height: 1;
448
- vertical-align: middle;
449
443
  font-size: 4em;
444
+ vertical-align: middle;
450
445
  }
451
446
  i.massive.massive.massive.icon,
452
447
  i.massive.massive.massive.icons {
453
- line-height: 1;
454
- vertical-align: middle;
455
448
  font-size: 8em;
449
+ vertical-align: middle;
456
450
  }
457
451
 
458
452
 
@@ -521,7 +515,7 @@ i.icons .inverted.corner.icon {
521
515
  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
522
516
  }
523
517
  /*
524
- * Font Awesome 5.12.0 by @fontawesome [https://fontawesome.com]
518
+ * Font Awesome 5.13.0 by @fontawesome [https://fontawesome.com]
525
519
  * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
526
520
  */
527
521
 
@@ -887,6 +881,9 @@ i.icon.box:before {
887
881
  i.icon.box.open:before {
888
882
  content: "\f49e";
889
883
  }
884
+ i.icon.box.tissue:before {
885
+ content: "\f95b";
886
+ }
890
887
  i.icon.boxes:before {
891
888
  content: "\f468";
892
889
  }
@@ -1064,6 +1061,9 @@ i.icon.chart.bar:before {
1064
1061
  i.icon.chart.line:before {
1065
1062
  content: "\f201";
1066
1063
  }
1064
+ i.icon.chartline:before {
1065
+ content: "\f201";
1066
+ }
1067
1067
  i.icon.chart.pie:before {
1068
1068
  content: "\f200";
1069
1069
  }
@@ -1361,6 +1361,9 @@ i.icon.digital.tachograph:before {
1361
1361
  i.icon.directions:before {
1362
1362
  content: "\f5eb";
1363
1363
  }
1364
+ i.icon.disease:before {
1365
+ content: "\f7fa";
1366
+ }
1364
1367
  i.icon.divide:before {
1365
1368
  content: "\f529";
1366
1369
  }
@@ -1514,6 +1517,9 @@ i.icon.fast.backward:before {
1514
1517
  i.icon.fast.forward:before {
1515
1518
  content: "\f050";
1516
1519
  }
1520
+ i.icon.faucet:before {
1521
+ content: "\f905";
1522
+ }
1517
1523
  i.icon.fax:before {
1518
1524
  content: "\f1ac";
1519
1525
  }
@@ -1829,9 +1835,15 @@ i.icon.hand.holding:before {
1829
1835
  i.icon.hand.holding.heart:before {
1830
1836
  content: "\f4be";
1831
1837
  }
1838
+ i.icon.hand.holding.medical:before {
1839
+ content: "\f95c";
1840
+ }
1832
1841
  i.icon.hand.holding.usd:before {
1833
1842
  content: "\f4c0";
1834
1843
  }
1844
+ i.icon.hand.holding.water:before {
1845
+ content: "\f4c1";
1846
+ }
1835
1847
  i.icon.hand.lizard:before {
1836
1848
  content: "\f258";
1837
1849
  }
@@ -1865,6 +1877,9 @@ i.icon.hand.rock:before {
1865
1877
  i.icon.hand.scissors:before {
1866
1878
  content: "\f257";
1867
1879
  }
1880
+ i.icon.hand.sparkles:before {
1881
+ content: "\f95d";
1882
+ }
1868
1883
  i.icon.hand.spock:before {
1869
1884
  content: "\f259";
1870
1885
  }
@@ -1874,9 +1889,18 @@ i.icon.hands:before {
1874
1889
  i.icon.hands.helping:before {
1875
1890
  content: "\f4c4";
1876
1891
  }
1892
+ i.icon.hands.wash:before {
1893
+ content: "\f95e";
1894
+ }
1877
1895
  i.icon.handshake:before {
1878
1896
  content: "\f2b5";
1879
1897
  }
1898
+ i.icon.handshake.alternate.slash:before {
1899
+ content: "\f95f";
1900
+ }
1901
+ i.icon.handshake.slash:before {
1902
+ content: "\f960";
1903
+ }
1880
1904
  i.icon.hanukiah:before {
1881
1905
  content: "\f6e6";
1882
1906
  }
@@ -1898,6 +1922,18 @@ i.icon.hat.wizard:before {
1898
1922
  i.icon.hdd:before {
1899
1923
  content: "\f0a0";
1900
1924
  }
1925
+ i.icon.head.side.cough:before {
1926
+ content: "\f961";
1927
+ }
1928
+ i.icon.head.side.cough.slash:before {
1929
+ content: "\f962";
1930
+ }
1931
+ i.icon.head.side.mask:before {
1932
+ content: "\f963";
1933
+ }
1934
+ i.icon.head.side.virus:before {
1935
+ content: "\f964";
1936
+ }
1901
1937
  i.icon.heading:before {
1902
1938
  content: "\f1dc";
1903
1939
  }
@@ -1958,6 +1994,9 @@ i.icon.hospital.alternate:before {
1958
1994
  i.icon.hospital.symbol:before {
1959
1995
  content: "\f47e";
1960
1996
  }
1997
+ i.icon.hospital.user:before {
1998
+ content: "\f80d";
1999
+ }
1961
2000
  i.icon.hot.tub:before {
1962
2001
  content: "\f593";
1963
2002
  }
@@ -1982,6 +2021,9 @@ i.icon.hourglass.start:before {
1982
2021
  i.icon.house.damage:before {
1983
2022
  content: "\f6f1";
1984
2023
  }
2024
+ i.icon.house.user:before {
2025
+ content: "\f965";
2026
+ }
1985
2027
  i.icon.hryvnia:before {
1986
2028
  content: "\f6f2";
1987
2029
  }
@@ -2081,6 +2123,9 @@ i.icon.laptop:before {
2081
2123
  i.icon.laptop.code:before {
2082
2124
  content: "\f5fc";
2083
2125
  }
2126
+ i.icon.laptop.house:before {
2127
+ content: "\f966";
2128
+ }
2084
2129
  i.icon.laptop.medical:before {
2085
2130
  content: "\f812";
2086
2131
  }
@@ -2168,6 +2213,12 @@ i.icon.low.vision:before {
2168
2213
  i.icon.luggage.cart:before {
2169
2214
  content: "\f59d";
2170
2215
  }
2216
+ i.icon.lungs:before {
2217
+ content: "\f604";
2218
+ }
2219
+ i.icon.lungs.virus:before {
2220
+ content: "\f967";
2221
+ }
2171
2222
  i.icon.magic:before {
2172
2223
  content: "\f0d0";
2173
2224
  }
@@ -2438,6 +2489,9 @@ i.icon.pencil.alternate:before {
2438
2489
  i.icon.pencil.ruler:before {
2439
2490
  content: "\f5ae";
2440
2491
  }
2492
+ i.icon.people.arrows:before {
2493
+ content: "\f968";
2494
+ }
2441
2495
  i.icon.people.carry:before {
2442
2496
  content: "\f4ce";
2443
2497
  }
@@ -2495,6 +2549,9 @@ i.icon.plane.arrival:before {
2495
2549
  i.icon.plane.departure:before {
2496
2550
  content: "\f5b0";
2497
2551
  }
2552
+ i.icon.plane.slash:before {
2553
+ content: "\f969";
2554
+ }
2498
2555
  i.icon.play:before {
2499
2556
  content: "\f04b";
2500
2557
  }
@@ -2564,6 +2621,12 @@ i.icon.procedures:before {
2564
2621
  i.icon.project.diagram:before {
2565
2622
  content: "\f542";
2566
2623
  }
2624
+ i.icon.pump.medical:before {
2625
+ content: "\f96a";
2626
+ }
2627
+ i.icon.pump.soap:before {
2628
+ content: "\f96b";
2629
+ }
2567
2630
  i.icon.puzzle.piece:before {
2568
2631
  content: "\f12e";
2569
2632
  }
@@ -2750,6 +2813,9 @@ i.icon.shekel.sign:before {
2750
2813
  i.icon.shield.alternate:before {
2751
2814
  content: "\f3ed";
2752
2815
  }
2816
+ i.icon.shield.virus:before {
2817
+ content: "\f96c";
2818
+ }
2753
2819
  i.icon.ship:before {
2754
2820
  content: "\f21a";
2755
2821
  }
@@ -2855,6 +2921,9 @@ i.icon.snowman:before {
2855
2921
  i.icon.snowplow:before {
2856
2922
  content: "\f7d2";
2857
2923
  }
2924
+ i.icon.soap:before {
2925
+ content: "\f96e";
2926
+ }
2858
2927
  i.icon.socks:before {
2859
2928
  content: "\f696";
2860
2929
  }
@@ -2978,12 +3047,21 @@ i.icon.stop.circle:before {
2978
3047
  i.icon.stopwatch:before {
2979
3048
  content: "\f2f2";
2980
3049
  }
3050
+ i.icon.stopwatch.twenty:before {
3051
+ content: "\f96f";
3052
+ }
2981
3053
  i.icon.store:before {
2982
3054
  content: "\f54e";
2983
3055
  }
2984
3056
  i.icon.store.alternate:before {
2985
3057
  content: "\f54f";
2986
3058
  }
3059
+ i.icon.store.alternate.slash:before {
3060
+ content: "\f970";
3061
+ }
3062
+ i.icon.store.slash:before {
3063
+ content: "\f971";
3064
+ }
2987
3065
  i.icon.stream:before {
2988
3066
  content: "\f550";
2989
3067
  }
@@ -3164,6 +3242,9 @@ i.icon.toilet:before {
3164
3242
  i.icon.toilet.paper:before {
3165
3243
  content: "\f71e";
3166
3244
  }
3245
+ i.icon.toilet.paper.slash:before {
3246
+ content: "\f972";
3247
+ }
3167
3248
  i.icon.toolbox:before {
3168
3249
  content: "\f552";
3169
3250
  }
@@ -3389,6 +3470,15 @@ i.icon.video.slash:before {
3389
3470
  i.icon.vihara:before {
3390
3471
  content: "\f6a7";
3391
3472
  }
3473
+ i.icon.virus:before {
3474
+ content: "\f974";
3475
+ }
3476
+ i.icon.virus.slash:before {
3477
+ content: "\f975";
3478
+ }
3479
+ i.icon.viruses:before {
3480
+ content: "\f976";
3481
+ }
3392
3482
  i.icon.voicemail:before {
3393
3483
  content: "\f897";
3394
3484
  }
@@ -3883,6 +3973,9 @@ i.icon.like:before {
3883
3973
  i.icon.line.graph:before {
3884
3974
  content: "\f201";
3885
3975
  }
3976
+ i.icon.linegraph:before {
3977
+ content: "\f201";
3978
+ }
3886
3979
  i.icon.linkify:before {
3887
3980
  content: "\f0c1";
3888
3981
  }
@@ -5230,6 +5323,10 @@ i.icon.d.and.d.beyond:before {
5230
5323
  content: "\f6ca";
5231
5324
  font-family: 'brand-icons';
5232
5325
  }
5326
+ i.icon.dailymotion:before {
5327
+ content: "\f952";
5328
+ font-family: 'brand-icons';
5329
+ }
5233
5330
  i.icon.dashcube:before {
5234
5331
  content: "\f210";
5235
5332
  font-family: 'brand-icons';
@@ -5654,6 +5751,10 @@ i.icon.instagram:before {
5654
5751
  content: "\f16d";
5655
5752
  font-family: 'brand-icons';
5656
5753
  }
5754
+ i.icon.instagram.square:before {
5755
+ content: "\f955";
5756
+ font-family: 'brand-icons';
5757
+ }
5657
5758
  i.icon.intercom:before {
5658
5759
  content: "\f7af";
5659
5760
  font-family: 'brand-icons';
@@ -5858,6 +5959,10 @@ i.icon.mixcloud:before {
5858
5959
  content: "\f289";
5859
5960
  font-family: 'brand-icons';
5860
5961
  }
5962
+ i.icon.mixer:before {
5963
+ content: "\f956";
5964
+ font-family: 'brand-icons';
5965
+ }
5861
5966
  i.icon.mizuni:before {
5862
5967
  content: "\f3cc";
5863
5968
  font-family: 'brand-icons';
@@ -6162,6 +6267,10 @@ i.icon.shirtsinbulk:before {
6162
6267
  content: "\f214";
6163
6268
  font-family: 'brand-icons';
6164
6269
  }
6270
+ i.icon.shopify:before {
6271
+ content: "\f957";
6272
+ font-family: 'brand-icons';
6273
+ }
6165
6274
  i.icon.shopware:before {
6166
6275
  content: "\f5b5";
6167
6276
  font-family: 'brand-icons';
@@ -74,27 +74,39 @@ img.ui.image {
74
74
  Vertical Aligned
75
75
  -------------------*/
76
76
 
77
- .ui.top.aligned.images .image,
78
77
  .ui.top.aligned.image,
79
78
  .ui.top.aligned.image svg,
80
79
  .ui.top.aligned.image img {
81
80
  display: inline-block;
82
81
  vertical-align: top;
83
82
  }
84
- .ui.middle.aligned.images .image,
85
83
  .ui.middle.aligned.image,
86
84
  .ui.middle.aligned.image svg,
87
85
  .ui.middle.aligned.image img {
88
86
  display: inline-block;
89
87
  vertical-align: middle;
90
88
  }
91
- .ui.bottom.aligned.images .image,
92
89
  .ui.bottom.aligned.image,
93
90
  .ui.bottom.aligned.image svg,
94
91
  .ui.bottom.aligned.image img {
95
92
  display: inline-block;
96
93
  vertical-align: bottom;
97
94
  }
95
+ .ui.top.aligned.images .image,
96
+ .ui.images .ui.top.aligned.image {
97
+ -ms-flex-item-align: start;
98
+ align-self: flex-start;
99
+ }
100
+ .ui.middle.aligned.images .image,
101
+ .ui.images .ui.middle.aligned.image {
102
+ -ms-flex-item-align: center;
103
+ align-self: center;
104
+ }
105
+ .ui.bottom.aligned.images .image,
106
+ .ui.images .ui.bottom.aligned.image {
107
+ -ms-flex-item-align: end;
108
+ align-self: flex-end;
109
+ }
98
110
 
99
111
  /*--------------
100
112
  Rounded
@@ -206,11 +218,28 @@ img.ui.bordered.image {
206
218
  .ui.floated.image:last-child {
207
219
  margin-bottom: 0;
208
220
  }
209
- .ui.centered.images,
210
221
  .ui.centered.image {
222
+ display: block;
211
223
  margin-left: auto;
212
224
  margin-right: auto;
213
225
  }
226
+ .ui.centered.images {
227
+ display: -webkit-box;
228
+ display: -ms-flexbox;
229
+ display: flex;
230
+ -webkit-box-orient: horizontal;
231
+ -webkit-box-direction: normal;
232
+ -ms-flex-direction: row;
233
+ flex-direction: row;
234
+ -ms-flex-wrap: wrap;
235
+ flex-wrap: wrap;
236
+ -webkit-box-align: stretch;
237
+ -ms-flex-align: stretch;
238
+ align-items: stretch;
239
+ -webkit-box-pack: center;
240
+ -ms-flex-pack: center;
241
+ justify-content: center;
242
+ }
214
243
 
215
244
  /*--------------
216
245
  Sizes