fomantic-ui-sass 2.8.7.1 → 2.8.8.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (66) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/app/assets/javascripts/semantic-ui/calendar.js +9 -11
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +8 -11
  5. data/app/assets/javascripts/semantic-ui/dropdown.js +191 -99
  6. data/app/assets/javascripts/semantic-ui/form.js +98 -60
  7. data/app/assets/javascripts/semantic-ui/modal.js +259 -16
  8. data/app/assets/javascripts/semantic-ui/nag.js +130 -64
  9. data/app/assets/javascripts/semantic-ui/popup.js +4 -4
  10. data/app/assets/javascripts/semantic-ui/progress.js +6 -8
  11. data/app/assets/javascripts/semantic-ui/search.js +14 -12
  12. data/app/assets/javascripts/semantic-ui/slider.js +55 -31
  13. data/app/assets/javascripts/semantic-ui/toast.js +26 -6
  14. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  15. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +46 -5
  16. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +14 -7
  17. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +6 -4
  18. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +50 -3
  19. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +6 -2
  20. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +29 -2
  21. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +3 -4
  22. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  24. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +10 -5
  25. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +237 -65
  26. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  27. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +2 -1
  28. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
  30. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +41 -37
  31. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  34. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +34 -2
  35. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -3
  38. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +2 -2
  39. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +3 -3
  41. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +46 -4
  42. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +72 -3
  44. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +19 -8
  46. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +168 -16
  47. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +4 -2
  48. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +18 -10
  49. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +18 -33
  50. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +3 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -2
  55. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +97 -10
  57. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  59. data/app/assets/stylesheets/semantic-ui/views/_card.scss +74 -2
  60. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  62. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  64. data/fomantic-ui-sass.gemspec +1 -1
  65. data/lib/fomantic/ui/sass/version.rb +2 -2
  66. metadata +4 -4
@@ -144,15 +144,15 @@ $.fn.toast = function(parameters) {
144
144
  create: {
145
145
  container: function() {
146
146
  module.verbose('Creating container');
147
- $context.append($('<div/>',{class: settings.position + ' ' + className.container}));
147
+ $context.append($('<div/>',{class: settings.position + ' ' + className.container + ' ' +(settings.horizontal ? className.horizontal : '')}));
148
148
  },
149
149
  toast: function() {
150
150
  $toastBox = $('<div/>', {class: className.box});
151
+ var iconClass = module.get.iconClass();
151
152
  if (!isToastComponent) {
152
153
  module.verbose('Creating toast');
153
154
  $toast = $('<div/>');
154
155
  var $content = $('<div/>', {class: className.content});
155
- var iconClass = module.get.iconClass();
156
156
  if (iconClass !== '') {
157
157
  $toast.append($('<i/>', {class: iconClass + ' ' + className.icon}));
158
158
  }
@@ -170,7 +170,7 @@ $.fn.toast = function(parameters) {
170
170
  }));
171
171
  }
172
172
 
173
- $content.append($('<div/>', {html: module.helpers.escape(settings.message, settings.preserveHTML)}));
173
+ $content.append($('<div/>', {class: className.message, html: module.helpers.escape(settings.message, settings.preserveHTML)}));
174
174
 
175
175
  $toast
176
176
  .addClass(settings.class + ' ' + className.toast)
@@ -189,6 +189,18 @@ $.fn.toast = function(parameters) {
189
189
  $toast = settings.cloneModule ? $module.clone().removeAttr('id') : $module;
190
190
  $close = $toast.find('> i'+module.helpers.toClass(className.close));
191
191
  settings.closeIcon = ($close.length > 0);
192
+ if (iconClass !== '') {
193
+ $toast.find(selector.icon).attr('class',iconClass + ' ' + className.icon);
194
+ }
195
+ if (settings.showImage) {
196
+ $toast.find(selector.image).attr('src',settings.showImage);
197
+ }
198
+ if (settings.title !== '') {
199
+ $toast.find(selector.title).html(module.helpers.escape(settings.title, settings.preserveHTML));
200
+ }
201
+ if (settings.message !== '') {
202
+ $toast.find(selector.message).html(module.helpers.escape(settings.message, settings.preserveHTML));
203
+ }
192
204
  }
193
205
  if ($toast.hasClass(className.compact)) {
194
206
  settings.compact = true;
@@ -391,7 +403,7 @@ $.fn.toast = function(parameters) {
391
403
  if(settings.transition.closeEasing !== ''){
392
404
  if($toastBox) {
393
405
  $toastBox.css('opacity', 0);
394
- $toastBox.wrap('<div/>').parent().slideUp(500, settings.transition.closeEasing, function () {
406
+ $toastBox.wrap('<div/>').parent().hide(settings.transition.closeDuration, settings.transition.closeEasing, function () {
395
407
  if ($toastBox) {
396
408
  $toastBox.parent().remove();
397
409
  callback.call($toastBox);
@@ -431,7 +443,7 @@ $.fn.toast = function(parameters) {
431
443
  has: {
432
444
  container: function() {
433
445
  module.verbose('Determining if there is already a container');
434
- return ($context.find(module.helpers.toClass(settings.position) + selector.container).length > 0);
446
+ return ($context.find(module.helpers.toClass(settings.position) + selector.container + (settings.horizontal ? module.helpers.toClass(className.horizontal) : '')).length > 0);
435
447
  },
436
448
  toast: function(){
437
449
  return !!module.get.toast();
@@ -750,6 +762,7 @@ $.fn.toast.settings = {
750
762
  context : 'body',
751
763
 
752
764
  position : 'top right',
765
+ horizontal : false,
753
766
  class : 'neutral',
754
767
  classProgress : false,
755
768
  classActions : false,
@@ -780,7 +793,8 @@ $.fn.toast.settings = {
780
793
  showDuration : 500,
781
794
  hideMethod : 'scale',
782
795
  hideDuration : 500,
783
- closeEasing : 'easeOutCubic' //Set to empty string to stack the closed toast area immediately (old behaviour)
796
+ closeEasing : 'easeOutCubic', //Set to empty string to stack the closed toast area immediately (old behaviour)
797
+ closeDuration: 500
784
798
  },
785
799
 
786
800
  error: {
@@ -798,6 +812,7 @@ $.fn.toast.settings = {
798
812
  visible : 'visible',
799
813
  content : 'content',
800
814
  title : 'ui header',
815
+ message : 'message',
801
816
  actions : 'actions',
802
817
  extraContent : 'extra content',
803
818
  button : 'ui button',
@@ -805,6 +820,7 @@ $.fn.toast.settings = {
805
820
  close : 'close icon',
806
821
  image : 'ui image',
807
822
  vertical : 'vertical',
823
+ horizontal : 'horizontal',
808
824
  attached : 'attached',
809
825
  inverted : 'inverted',
810
826
  compact : 'compact',
@@ -828,6 +844,10 @@ $.fn.toast.settings = {
828
844
  container : '.ui.toast-container',
829
845
  box : '.toast-box',
830
846
  toast : '.ui.toast',
847
+ title : '.header',
848
+ message : '.message:not(.ui)',
849
+ image : '> img.image, > .image > img',
850
+ icon : '> i.icon',
831
851
  input : 'input:not([type="hidden"]), textarea, select, button, .ui.button, ui.dropdown',
832
852
  approve : '.actions .positive, .actions .approve, .actions .ok',
833
853
  deny : '.actions .negative, .actions .deny, .actions .cancel'
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Breadcrumb
2
+ * # Fomantic-UI 2.8.8 - Breadcrumb
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Form
2
+ * # Fomantic-UI 2.8.8 - Form
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -372,6 +372,7 @@
372
372
  }
373
373
  .ui.form ::-moz-placeholder {
374
374
  color: rgba(191, 191, 191, 0.87);
375
+ opacity: 1;
375
376
  }
376
377
  .ui.form :focus::-webkit-input-placeholder {
377
378
  color: rgba(115, 115, 115, 0.87);
@@ -480,11 +481,17 @@
480
481
  display: flex;
481
482
  }
482
483
  .ui.ui.form .fields.error .field label,
484
+ .ui.ui.form .fields.error .field .ui.label:not(.corner),
483
485
  .ui.ui.form .field.error label,
486
+ .ui.ui.form .field.error .ui.label:not(.corner),
484
487
  .ui.ui.form .fields.error .field .input,
485
488
  .ui.ui.form .field.error .input {
486
489
  color: #9F3A38;
487
490
  }
491
+ .ui.form .fields.error .field .ui.label,
492
+ .ui.form .field.error .ui.label {
493
+ background-color: #ecd1d1;
494
+ }
488
495
  .ui.form .fields.error .field .corner.label,
489
496
  .ui.form .field.error .corner.label {
490
497
  border-color: #9F3A38;
@@ -599,7 +606,7 @@
599
606
  .ui.form .fields.error .field .ui.dropdown,
600
607
  .ui.form .fields.error .field .ui.dropdown .item,
601
608
  .ui.form .field.error .ui.dropdown,
602
- .ui.form .field.error .ui.dropdown .text,
609
+ .ui.form .field.error .ui.dropdown > .text,
603
610
  .ui.form .field.error .ui.dropdown .item {
604
611
  background: #FFF6F6;
605
612
  color: #9F3A38;
@@ -663,6 +670,10 @@
663
670
  .ui.form .field.error .checkbox .box:after {
664
671
  color: #9F3A38;
665
672
  }
673
+ .ui.inverted.form .fields.error .field label,
674
+ .ui.inverted.form .error.field label {
675
+ color: #ecd1d1;
676
+ }
666
677
 
667
678
  /* On Form */
668
679
  .ui.form.info .info.message:not(:empty) {
@@ -693,11 +704,17 @@
693
704
  display: flex;
694
705
  }
695
706
  .ui.ui.form .fields.info .field label,
707
+ .ui.ui.form .fields.info .field .ui.label:not(.corner),
696
708
  .ui.ui.form .field.info label,
709
+ .ui.ui.form .field.info .ui.label:not(.corner),
697
710
  .ui.ui.form .fields.info .field .input,
698
711
  .ui.ui.form .field.info .input {
699
712
  color: #276F86;
700
713
  }
714
+ .ui.form .fields.info .field .ui.label,
715
+ .ui.form .field.info .ui.label {
716
+ background-color: #c6e3e9;
717
+ }
701
718
  .ui.form .fields.info .field .corner.label,
702
719
  .ui.form .field.info .corner.label {
703
720
  border-color: #276F86;
@@ -812,7 +829,7 @@
812
829
  .ui.form .fields.info .field .ui.dropdown,
813
830
  .ui.form .fields.info .field .ui.dropdown .item,
814
831
  .ui.form .field.info .ui.dropdown,
815
- .ui.form .field.info .ui.dropdown .text,
832
+ .ui.form .field.info .ui.dropdown > .text,
816
833
  .ui.form .field.info .ui.dropdown .item {
817
834
  background: #F8FFFF;
818
835
  color: #276F86;
@@ -876,6 +893,10 @@
876
893
  .ui.form .field.info .checkbox .box:after {
877
894
  color: #276F86;
878
895
  }
896
+ .ui.inverted.form .fields.info .field label,
897
+ .ui.inverted.form .info.field label {
898
+ color: #c6e3e9;
899
+ }
879
900
 
880
901
  /* On Form */
881
902
  .ui.form.success .success.message:not(:empty) {
@@ -906,11 +927,17 @@
906
927
  display: flex;
907
928
  }
908
929
  .ui.ui.form .fields.success .field label,
930
+ .ui.ui.form .fields.success .field .ui.label:not(.corner),
909
931
  .ui.ui.form .field.success label,
932
+ .ui.ui.form .field.success .ui.label:not(.corner),
910
933
  .ui.ui.form .fields.success .field .input,
911
934
  .ui.ui.form .field.success .input {
912
935
  color: #2C662D;
913
936
  }
937
+ .ui.form .fields.success .field .ui.label,
938
+ .ui.form .field.success .ui.label {
939
+ background-color: #b9d1ad;
940
+ }
914
941
  .ui.form .fields.success .field .corner.label,
915
942
  .ui.form .field.success .corner.label {
916
943
  border-color: #2C662D;
@@ -1025,7 +1052,7 @@
1025
1052
  .ui.form .fields.success .field .ui.dropdown,
1026
1053
  .ui.form .fields.success .field .ui.dropdown .item,
1027
1054
  .ui.form .field.success .ui.dropdown,
1028
- .ui.form .field.success .ui.dropdown .text,
1055
+ .ui.form .field.success .ui.dropdown > .text,
1029
1056
  .ui.form .field.success .ui.dropdown .item {
1030
1057
  background: #FCFFF5;
1031
1058
  color: #2C662D;
@@ -1089,6 +1116,10 @@
1089
1116
  .ui.form .field.success .checkbox .box:after {
1090
1117
  color: #2C662D;
1091
1118
  }
1119
+ .ui.inverted.form .fields.success .field label,
1120
+ .ui.inverted.form .success.field label {
1121
+ color: #b9d1ad;
1122
+ }
1092
1123
 
1093
1124
  /* On Form */
1094
1125
  .ui.form.warning .warning.message:not(:empty) {
@@ -1119,11 +1150,17 @@
1119
1150
  display: flex;
1120
1151
  }
1121
1152
  .ui.ui.form .fields.warning .field label,
1153
+ .ui.ui.form .fields.warning .field .ui.label:not(.corner),
1122
1154
  .ui.ui.form .field.warning label,
1155
+ .ui.ui.form .field.warning .ui.label:not(.corner),
1123
1156
  .ui.ui.form .fields.warning .field .input,
1124
1157
  .ui.ui.form .field.warning .input {
1125
1158
  color: #573A08;
1126
1159
  }
1160
+ .ui.form .fields.warning .field .ui.label,
1161
+ .ui.form .field.warning .ui.label {
1162
+ background-color: #d7ccb5;
1163
+ }
1127
1164
  .ui.form .fields.warning .field .corner.label,
1128
1165
  .ui.form .field.warning .corner.label {
1129
1166
  border-color: #573A08;
@@ -1238,7 +1275,7 @@
1238
1275
  .ui.form .fields.warning .field .ui.dropdown,
1239
1276
  .ui.form .fields.warning .field .ui.dropdown .item,
1240
1277
  .ui.form .field.warning .ui.dropdown,
1241
- .ui.form .field.warning .ui.dropdown .text,
1278
+ .ui.form .field.warning .ui.dropdown > .text,
1242
1279
  .ui.form .field.warning .ui.dropdown .item {
1243
1280
  background: #FFFAF3;
1244
1281
  color: #573A08;
@@ -1302,6 +1339,10 @@
1302
1339
  .ui.form .field.warning .checkbox .box:after {
1303
1340
  color: #573A08;
1304
1341
  }
1342
+ .ui.inverted.form .fields.warning .field label,
1343
+ .ui.inverted.form .warning.field label {
1344
+ color: #d7ccb5;
1345
+ }
1305
1346
 
1306
1347
  /*--------------------
1307
1348
  Disabled
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Grid
2
+ * # Fomantic-UI 2.8.8 - Grid
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1320,9 +1320,8 @@
1320
1320
  .ui.grid > .justified.column.column,
1321
1321
  .ui.grid > .row > .justified.column.column {
1322
1322
  text-align: justify;
1323
- -webkit-hyphens: auto;
1324
- -ms-hyphens: auto;
1325
- hyphens: auto;
1323
+ -ms-hyphens: auto;
1324
+ hyphens: auto;
1326
1325
  }
1327
1326
 
1328
1327
  /*----------------------
@@ -1794,7 +1793,7 @@
1794
1793
  --------------------*/
1795
1794
 
1796
1795
  @media only screen and (max-width: 767.98px) {
1797
- .ui.stackable.grid {
1796
+ .ui.ui.ui.ui.stackable.grid {
1798
1797
  width: auto;
1799
1798
  margin-left: 0 !important;
1800
1799
  margin-right: 0 !important;
@@ -1998,6 +1997,9 @@
1998
1997
  Compact
1999
1998
  -----------------*/
2000
1999
 
2000
+ .ui.ui.ui.compact.grid {
2001
+ margin: -0.5rem;
2002
+ }
2001
2003
  .ui.ui.ui.compact.grid > .column:not(.row),
2002
2004
  .ui.ui.ui.compact.grid > .row > .column {
2003
2005
  padding-left: 0.5rem;
@@ -2012,6 +2014,8 @@
2012
2014
  .ui.ui.ui.compact.grid > .row {
2013
2015
  padding-top: 0.5rem;
2014
2016
  padding-bottom: 0.5rem;
2017
+ padding-left: 0;
2018
+ padding-right: 0;
2015
2019
  }
2016
2020
 
2017
2021
  /* Columns */
@@ -2034,6 +2038,9 @@
2034
2038
  Very compact
2035
2039
  -----------------*/
2036
2040
 
2041
+ .ui.ui.ui[class*="very compact"].grid {
2042
+ margin: -0.25rem;
2043
+ }
2037
2044
  .ui.ui.ui[class*="very compact"].grid > .column:not(.row),
2038
2045
  .ui.ui.ui[class*="very compact"].grid > .row > .column {
2039
2046
  padding-left: 0.25rem;
@@ -2048,8 +2055,8 @@
2048
2055
  .ui.ui.ui[class*="very compact"].grid > .row {
2049
2056
  padding-top: 0.25rem;
2050
2057
  padding-bottom: 0.25rem;
2051
- padding-left: 0.75rem;
2052
- padding-right: 0.75rem;
2058
+ padding-left: 0;
2059
+ padding-right: 0;
2053
2060
  }
2054
2061
 
2055
2062
  /* Columns */
@@ -226,10 +226,12 @@
226
226
  margin: 0 0 0;
227
227
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
228
228
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
229
- -webkit-box-orient: vertical !important;
230
- -webkit-box-direction: normal !important;
231
- -ms-flex-direction: column !important;
232
- flex-direction: column !important;
229
+ }
230
+ .ui.menu .dropdown.item:not(.column) .menu {
231
+ -webkit-box-orient: vertical;
232
+ -webkit-box-direction: normal;
233
+ -ms-flex-direction: column;
234
+ flex-direction: column;
233
235
  }
234
236
 
235
237
  /* Menu Items */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Message
2
+ * # Fomantic-UI 2.8.8 - Message
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -101,9 +101,14 @@
101
101
  }
102
102
 
103
103
  /* Icon */
104
- .ui.message > i.icon {
104
+ .ui.icon.message > .icons,
105
+ .ui.icon.message > i.icon {
105
106
  margin-right: 0.6em;
106
107
  }
108
+ .ui.icon.message > .icons:last-child,
109
+ .ui.icon.message > i.icon:last-child {
110
+ margin: 0 0 0 0.6em;
111
+ }
107
112
 
108
113
  /* Close Icon */
109
114
  .ui.message > .close.icon {
@@ -169,6 +174,22 @@
169
174
  Variations
170
175
  *******************************/
171
176
 
177
+ .ui.centered.message,
178
+ .ui.center.aligned.message {
179
+ text-align: center;
180
+ -webkit-box-pack: center;
181
+ -ms-flex-pack: center;
182
+ justify-content: center;
183
+ }
184
+ .ui.centered.message > .content,
185
+ .ui.center.aligned.message > .content {
186
+ -webkit-box-flex: 0;
187
+ -ms-flex: 0 0 auto;
188
+ flex: 0 0 auto;
189
+ }
190
+ .ui.right.aligned.message {
191
+ text-align: right;
192
+ }
172
193
 
173
194
  /*--------------
174
195
  Compact
@@ -226,6 +247,7 @@
226
247
  -ms-flex-align: center;
227
248
  align-items: center;
228
249
  }
250
+ .ui.icon.message > .icons,
229
251
  .ui.icon.message > i.icon:not(.close) {
230
252
  display: block;
231
253
  -webkit-box-flex: 0;
@@ -244,10 +266,11 @@
244
266
  flex: 1 1 auto;
245
267
  vertical-align: middle;
246
268
  }
269
+ .ui.icon.message > .icons + .content,
247
270
  .ui.icon.message > i.icon:not(.close) + .content {
248
271
  padding-left: 0;
249
272
  }
250
- .ui.icon.message > i.circular.icon {
273
+ .ui.icon.message > i.circular {
251
274
  width: 1em;
252
275
  }
253
276
 
@@ -285,6 +308,10 @@
285
308
  .ui.positive.message .header {
286
309
  color: #1A531B;
287
310
  }
311
+ .ui.inverted.positive.message,
312
+ .ui.inverted.positive.message .header {
313
+ color: #A3C293;
314
+ }
288
315
  .ui.negative.message {
289
316
  background-color: #FFF6F6;
290
317
  color: #9F3A38;
@@ -301,6 +328,10 @@
301
328
  .ui.negative.message .header {
302
329
  color: #912D2B;
303
330
  }
331
+ .ui.inverted.negative.message,
332
+ .ui.inverted.negative.message .header {
333
+ color: #E0B4B4;
334
+ }
304
335
  .ui.info.message {
305
336
  background-color: #F8FFFF;
306
337
  color: #276F86;
@@ -317,6 +348,10 @@
317
348
  .ui.info.message .header {
318
349
  color: #0E566C;
319
350
  }
351
+ .ui.inverted.info.message,
352
+ .ui.inverted.info.message .header {
353
+ color: #c6e3e9;
354
+ }
320
355
  .ui.warning.message {
321
356
  background-color: #FFFAF3;
322
357
  color: #573A08;
@@ -333,6 +368,10 @@
333
368
  .ui.warning.message .header {
334
369
  color: #794B02;
335
370
  }
371
+ .ui.inverted.warning.message,
372
+ .ui.inverted.warning.message .header {
373
+ color: #d7ccb5;
374
+ }
336
375
  .ui.error.message {
337
376
  background-color: #FFF6F6;
338
377
  color: #9F3A38;
@@ -349,6 +388,10 @@
349
388
  .ui.error.message .header {
350
389
  color: #912D2B;
351
390
  }
391
+ .ui.inverted.error.message,
392
+ .ui.inverted.error.message .header {
393
+ color: #ecd1d1;
394
+ }
352
395
  .ui.success.message {
353
396
  background-color: #FCFFF5;
354
397
  color: #2C662D;
@@ -365,6 +408,10 @@
365
408
  .ui.success.message .header {
366
409
  color: #1A531B;
367
410
  }
411
+ .ui.inverted.success.message,
412
+ .ui.inverted.success.message .header {
413
+ color: #b9d1ad;
414
+ }
368
415
  .ui.primary.message {
369
416
  background-color: #DFF0FF;
370
417
  color: rgba(255, 255, 255, 0.9);
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Table
2
+ * # Fomantic-UI 2.8.8 - Table
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -539,6 +539,9 @@
539
539
  box-shadow: -0.1em -0.2em 0 0.1em #FFFFFF;
540
540
  -moz-transform: scale(1);
541
541
  }
542
+ .ui.definition.table > thead:not(.full-width) > tr > th:first-child:not(:empty) {
543
+ pointer-events: auto;
544
+ }
542
545
  .ui.definition.table > tfoot:not(.full-width) > tr > th:first-child {
543
546
  pointer-events: none;
544
547
  background: #FFFFFF;
@@ -1996,7 +1999,8 @@
1996
1999
  .ui.inverted.definition.table > thead:not(.full-width) > tr > th:first-child {
1997
2000
  background: #FFFFFF;
1998
2001
  }
1999
- .ui.inverted.definition.table > tbody > tr > td:first-child .ui.inverted.definition.table > tfoot > tr > td:first-child,
2002
+ .ui.inverted.definition.table > tbody > tr > td:first-child,
2003
+ .ui.inverted.definition.table > tfoot > tr > td:first-child,
2000
2004
  .ui.inverted.definition.table > tr > td:first-child {
2001
2005
  background: rgba(255, 255, 255, 0.02);
2002
2006
  color: #ffffff;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Button
2
+ * # Fomantic-UI 2.8.8 - Button
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -654,6 +654,33 @@
654
654
  *******************************/
655
655
 
656
656
 
657
+ /*--------------
658
+ Stackable
659
+ ---------------*/
660
+
661
+
662
+ /* Tablet Or Below */
663
+ @media only screen and (max-width: 767.98px) {
664
+ .ui.stackable.buttons {
665
+ -webkit-box-orient: vertical;
666
+ -webkit-box-direction: normal;
667
+ -ms-flex-direction: column;
668
+ flex-direction: column;
669
+ width: 100%;
670
+ }
671
+ .ui.stackable.buttons .button:first-child {
672
+ border-bottom-left-radius: 0;
673
+ border-top-right-radius: 0.28571429rem;
674
+ }
675
+ .ui.stackable.buttons .button:last-child {
676
+ border-bottom-left-radius: 0.28571429rem;
677
+ border-top-right-radius: 0;
678
+ }
679
+ .ui.stackable.buttons .button:only-child {
680
+ border-radius: 0.28571429rem;
681
+ }
682
+ }
683
+
657
684
  /*-------------------
658
685
  Floated
659
686
  --------------------*/
@@ -756,7 +783,7 @@
756
783
  ---------------*/
757
784
 
758
785
  .ui.icon.buttons .button,
759
- .ui.icon.button:not(.animated):not(.compact) {
786
+ .ui.icon.button:not(.animated):not(.compact):not(.labeled) {
760
787
  padding: 0.78571429em 0.78571429em 0.78571429em;
761
788
  }
762
789
  .ui.animated.icon.button > .content > .icon,
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Container
2
+ * # Fomantic-UI 2.8.8 - Container
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -127,9 +127,8 @@
127
127
  }
128
128
  .ui.justified.container {
129
129
  text-align: justify;
130
- -webkit-hyphens: auto;
131
- -ms-hyphens: auto;
132
- hyphens: auto;
130
+ -ms-hyphens: auto;
131
+ hyphens: auto;
133
132
  }
134
133
 
135
134
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Divider
2
+ * # Fomantic-UI 2.8.8 - Divider
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Flag
2
+ * # Fomantic-UI 2.8.8 - Flag
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Header
2
+ * # Fomantic-UI 2.8.8 - Header
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -50,6 +50,7 @@
50
50
  Icon
51
51
  ---------------*/
52
52
 
53
+ .ui.header > .icons,
53
54
  .ui.header > i.icon {
54
55
  display: table-cell;
55
56
  opacity: 1;
@@ -59,7 +60,8 @@
59
60
  }
60
61
 
61
62
  /* With Text Node */
62
- .ui.header > i.icon:only-child {
63
+ .ui.header:not(.icon) > .icons:only-child,
64
+ .ui.header:not(.icon) > i.icon:only-child {
63
65
  display: inline-block;
64
66
  padding: 0;
65
67
  margin-right: 0.75rem;
@@ -99,7 +101,8 @@
99
101
  }
100
102
 
101
103
  /* After Icon */
102
- .ui.header > i.icon + .content {
104
+ .ui.header:not(.icon):not(.centered):not(.aligned) > .icons + .content,
105
+ .ui.header:not(.icon):not(.centered):not(.aligned) > i.icon + .content {
103
106
  padding-left: 0.75rem;
104
107
  display: table-cell;
105
108
  vertical-align: middle;
@@ -269,6 +272,7 @@ h6.ui.header .sub.header {
269
272
  .ui.icon.header:first-child {
270
273
  margin-top: 0;
271
274
  }
275
+ .ui.icon.header > .icons,
272
276
  .ui.icon.header > i.icon {
273
277
  float: none;
274
278
  display: block;
@@ -287,12 +291,13 @@ h6.ui.header .sub.header {
287
291
  display: block;
288
292
  padding: 0;
289
293
  }
290
- .ui.icon.header > i.circular.icon {
294
+ .ui.icon.header > i.circular {
291
295
  font-size: 2em;
292
296
  }
293
- .ui.icon.header > i.square.icon {
297
+ .ui.icon.header > i.square {
294
298
  font-size: 2em;
295
299
  }
300
+ .ui.block.icon.header > .icons,
296
301
  .ui.block.icon.header > i.icon {
297
302
  margin-bottom: 0;
298
303
  }