semantic-ui-sass 0.16.1.0 → 0.19.3.0

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 (63) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +6 -0
  3. data/README.md +1 -1
  4. data/app/assets/javascripts/semantic-ui/accordion.js +15 -5
  5. data/app/assets/javascripts/semantic-ui/behavior/api.js +1 -1
  6. data/app/assets/javascripts/semantic-ui/behavior/colorize.js +1 -1
  7. data/app/assets/javascripts/semantic-ui/behavior/form.js +2 -2
  8. data/app/assets/javascripts/semantic-ui/behavior/state.js +1 -1
  9. data/app/assets/javascripts/semantic-ui/chatroom.js +1 -1
  10. data/app/assets/javascripts/semantic-ui/checkbox.js +1 -1
  11. data/app/assets/javascripts/semantic-ui/dimmer.js +1 -1
  12. data/app/assets/javascripts/semantic-ui/dropdown.js +79 -5
  13. data/app/assets/javascripts/semantic-ui/modal.js +113 -74
  14. data/app/assets/javascripts/semantic-ui/nag.js +1 -1
  15. data/app/assets/javascripts/semantic-ui/popup.js +13 -3
  16. data/app/assets/javascripts/semantic-ui/rating.js +1 -1
  17. data/app/assets/javascripts/semantic-ui/search.js +2 -2
  18. data/app/assets/javascripts/semantic-ui/shape.js +1 -1
  19. data/app/assets/javascripts/semantic-ui/sidebar.js +1 -1
  20. data/app/assets/javascripts/semantic-ui/tab.js +1 -1
  21. data/app/assets/javascripts/semantic-ui/transition.js +1 -1
  22. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +96 -41
  24. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +37 -109
  25. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +9 -7
  26. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  27. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +5 -1
  28. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +6 -6
  29. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1 -1
  30. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +6 -6
  33. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  34. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +1 -1
  35. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +2 -2
  36. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +1 -1
  38. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +23 -2
  41. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +9 -4
  42. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +76 -2
  46. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  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/_tab.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +152 -0
  55. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +2 -2
  57. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +2 -2
  58. data/app/assets/stylesheets/semantic-ui/views/_item.scss +2 -2
  59. data/app/assets/stylesheets/semantic-ui/views/_list.scss +3 -3
  60. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +2 -2
  61. data/lib/semantic/ui/sass/version.rb +2 -2
  62. data/tasks/converter.rb +1 -1
  63. metadata +2 -2
@@ -3,7 +3,7 @@
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2013 Contributors
6
+ * Copyright 2014 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -3,7 +3,7 @@
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2013 Contributors
6
+ * Copyright 2014 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -259,6 +259,7 @@ $.fn.popup = function(parameters) {
259
259
  $popup
260
260
  .remove()
261
261
  ;
262
+ $.proxy(settings.onRemove, $popup)();
262
263
  },
263
264
 
264
265
  save: {
@@ -786,6 +787,7 @@ $.fn.popup.settings = {
786
787
  namespace : 'popup',
787
788
 
788
789
  onCreate : function(){},
790
+ onRemove : function(){},
789
791
  onShow : function(){},
790
792
  onHide : function(){},
791
793
 
@@ -805,7 +807,7 @@ $.fn.popup.settings = {
805
807
  preserve : false,
806
808
 
807
809
  duration : 250,
808
- easing : 'easeOutQuint',
810
+ easing : 'easeOutQuad',
809
811
  transition : 'scale',
810
812
 
811
813
  distanceAway : 0,
@@ -843,7 +845,7 @@ $.fn.popup.settings = {
843
845
  var html = '';
844
846
  if(typeof text !== undefined) {
845
847
  if(typeof text.title !== undefined && text.title) {
846
- html += '<div class="header">' + text.title + '</div class="header">';
848
+ html += '<div class="header">' + text.title + '</div>';
847
849
  }
848
850
  if(typeof text.content !== undefined && text.content) {
849
851
  html += '<div class="content">' + text.content + '</div>';
@@ -854,4 +856,12 @@ $.fn.popup.settings = {
854
856
 
855
857
  };
856
858
 
859
+ // Adds easing
860
+ $.extend( $.easing, {
861
+ easeOutQuad: function (x, t, b, c, d) {
862
+ return -c *(t/=d)*(t-2) + b;
863
+ }
864
+ });
865
+
866
+
857
867
  })( jQuery, window , document );
@@ -3,7 +3,7 @@
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2013 Contributors
6
+ * Copyright 2014 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -3,7 +3,7 @@
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2013 Contributors
6
+ * Copyright 2014 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -137,7 +137,7 @@ $.fn.search = function(source, parameters) {
137
137
  if($results.filter(':visible').size() > 0) {
138
138
  if(keyCode == keys.enter) {
139
139
  module.verbose('Enter key pressed, selecting active result');
140
- if( $result.filter('.' + activeClass).exists() ) {
140
+ if( $result.filter('.' + activeClass).size() > 0 ) {
141
141
  $.proxy(module.results.select, $result.filter('.' + activeClass) )();
142
142
  event.preventDefault();
143
143
  return false;
@@ -3,7 +3,7 @@
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2013 Contributors
6
+ * Copyright 2014 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -3,7 +3,7 @@
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2013 Contributors
6
+ * Copyright 2014 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -2,7 +2,7 @@
2
2
  * # Semantic - Tab
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
- * Copyright 2013 Contributors
5
+ * Copyright 2014 Contributors
6
6
  * Released under the MIT license
7
7
  * http://opensource.org/licenses/MIT
8
8
  *
@@ -3,7 +3,7 @@
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2013 Contributors
6
+ * Copyright 2014 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -3,7 +3,7 @@
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2013 Contributors
6
+ * Copyright 2014 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -4,7 +4,7 @@
4
4
  * http://github.com/jlukic/semantic-ui/
5
5
  *
6
6
  *
7
- * Copyright 2013 Contributors
7
+ * Copyright 2014 Contributors
8
8
  * Released under the MIT license
9
9
  * http://opensource.org/licenses/MIT
10
10
  *
@@ -64,25 +64,40 @@
64
64
  ---------------------*/
65
65
 
66
66
  .ui.form textarea,
67
- .ui.form input[type="text"],
68
- .ui.form input[type="email"],
67
+ .ui.form input[type="color"],
69
68
  .ui.form input[type="date"],
70
- .ui.form input[type="password"],
69
+ .ui.form input[type="datetime"],
70
+ .ui.form input[type="datetime-local"],
71
+ .ui.form input[type="email"],
72
+ .ui.form input[type="month"],
71
73
  .ui.form input[type="number"],
72
- .ui.form input[type="url"],
74
+ .ui.form input[type="password"],
75
+ .ui.form input[type="range"],
76
+ .ui.form input[type="search"],
73
77
  .ui.form input[type="tel"],
78
+ .ui.form input[type="text"],
79
+ .ui.form input[type="time"],
80
+ .ui.form input[type="url"],
81
+ .ui.form input[type="week"],
74
82
  .ui.form .ui.input {
75
83
  width: 100%;
76
84
  }
77
85
 
78
86
  .ui.form textarea,
79
- .ui.form input[type="text"],
80
- .ui.form input[type="email"],
87
+ .ui.form input[type="color"],
81
88
  .ui.form input[type="date"],
82
- .ui.form input[type="password"],
89
+ .ui.form input[type="datetime"],
90
+ .ui.form input[type="datetime-local"],
91
+ .ui.form input[type="email"],
92
+ .ui.form input[type="month"],
83
93
  .ui.form input[type="number"],
94
+ .ui.form input[type="password"],
95
+ .ui.form input[type="search"],
96
+ .ui.form input[type="tel"],
97
+ .ui.form input[type="text"],
98
+ .ui.form input[type="time"],
84
99
  .ui.form input[type="url"],
85
- .ui.form input[type="tel"] {
100
+ .ui.form input[type="week"] {
86
101
  margin: 0em;
87
102
  padding: 0.65em 1em;
88
103
  font-size: 1em;
@@ -175,13 +190,20 @@
175
190
  Focus
176
191
  ---------------------*/
177
192
 
178
- .ui.form input[type="text"]:focus,
179
- .ui.form input[type="email"]:focus,
193
+ .ui.form input[type="color"]:focus,
180
194
  .ui.form input[type="date"]:focus,
181
- .ui.form input[type="password"]:focus,
195
+ .ui.form input[type="datetime"]:focus,
196
+ .ui.form input[type="datetime-local"]:focus,
197
+ .ui.form input[type="email"]:focus,
198
+ .ui.form input[type="month"]:focus,
182
199
  .ui.form input[type="number"]:focus,
183
- .ui.form input[type="url"]:focus,
200
+ .ui.form input[type="password"]:focus,
201
+ .ui.form input[type="search"]:focus,
184
202
  .ui.form input[type="tel"]:focus,
203
+ .ui.form input[type="text"]:focus,
204
+ .ui.form input[type="time"]:focus,
205
+ .ui.form input[type="url"]:focus,
206
+ .ui.form input[type="week"]:focus
185
207
  .ui.form textarea:focus {
186
208
  color: rgba(0, 0, 0, 0.85);
187
209
  border-color: rgba(0, 0, 0, 0.2);
@@ -228,21 +250,35 @@
228
250
  }
229
251
 
230
252
  .ui.form .fields.error .field textarea,
231
- .ui.form .fields.error .field input[type="text"],
232
- .ui.form .fields.error .field input[type="email"],
253
+ .ui.form .fields.error .field input[type="color"],
233
254
  .ui.form .fields.error .field input[type="date"],
234
- .ui.form .fields.error .field input[type="password"],
255
+ .ui.form .fields.error .field input[type="datetime"],
256
+ .ui.form .fields.error .field input[type="datetime-local"],
257
+ .ui.form .fields.error .field input[type="email"],
258
+ .ui.form .fields.error .field input[type="month"],
235
259
  .ui.form .fields.error .field input[type="number"],
236
- .ui.form .fields.error .field input[type="url"],
260
+ .ui.form .fields.error .field input[type="password"],
261
+ .ui.form .fields.error .field input[type="search"],
237
262
  .ui.form .fields.error .field input[type="tel"],
263
+ .ui.form .fields.error .field input[type="text"],
264
+ .ui.form .fields.error .field input[type="time"],
265
+ .ui.form .fields.error .field input[type="url"],
266
+ .ui.form .fields.error .field input[type="week"],
238
267
  .ui.form .field.error textarea,
239
- .ui.form .field.error input[type="text"],
240
- .ui.form .field.error input[type="email"],
268
+ .ui.form .field.error input[type="color"],
241
269
  .ui.form .field.error input[type="date"],
242
- .ui.form .field.error input[type="password"],
270
+ .ui.form .field.error input[type="datetime"],
271
+ .ui.form .field.error input[type="datetime-local"],
272
+ .ui.form .field.error input[type="email"],
273
+ .ui.form .field.error input[type="month"],
243
274
  .ui.form .field.error input[type="number"],
275
+ .ui.form .field.error input[type="password"],
276
+ .ui.form .field.error input[type="search"],
277
+ .ui.form .field.error input[type="tel"],
278
+ .ui.form .field.error input[type="text"],
279
+ .ui.form .field.error input[type="time"],
244
280
  .ui.form .field.error input[type="url"],
245
- .ui.form .field.error input[type="tel"] {
281
+ .ui.form .field.error input[type="week"] {
246
282
  background-color: #FFFAFA;
247
283
  border-color: #E7BEBE;
248
284
  border-left: none;
@@ -255,13 +291,20 @@
255
291
  }
256
292
 
257
293
  .ui.form .field.error textarea:focus,
258
- .ui.form .field.error input[type="text"]:focus,
259
- .ui.form .field.error input[type="email"]:focus,
294
+ .ui.form .field.error input[type="color"]:focus,
260
295
  .ui.form .field.error input[type="date"]:focus,
261
- .ui.form .field.error input[type="password"]:focus,
296
+ .ui.form .field.error input[type="datetime"]:focus,
297
+ .ui.form .field.error input[type="datetime-local"]:focus,
298
+ .ui.form .field.error input[type="email"]:focus,
299
+ .ui.form .field.error input[type="month"]:focus,
262
300
  .ui.form .field.error input[type="number"]:focus,
301
+ .ui.form .field.error input[type="password"]:focus,
302
+ .ui.form .field.error input[type="search"]:focus,
303
+ .ui.form .field.error input[type="tel"]:focus,
304
+ .ui.form .field.error input[type="text"]:focus,
305
+ .ui.form .field.error input[type="time"]:focus,
263
306
  .ui.form .field.error input[type="url"]:focus,
264
- .ui.form .field.error input[type="tel"]:focus {
307
+ .ui.form .field.error input[type="week"]:focus {
265
308
  border-color: rgba(255, 80, 80, 1);
266
309
  color: rgba(255, 80, 80, 1);
267
310
  -webkit-appearance: none;
@@ -299,11 +342,13 @@
299
342
  box-shadow: 0px 1px 0px 1px #E7BEBE;
300
343
  }
301
344
 
302
- .ui.form .fields.error .field .ui.dropdown .menu .item:hover,
303
- .ui.form .field.error .ui.dropdown .menu .item:hover {
345
+ .ui.form .fields.error .field .ui.selection.dropdown .menu .item:hover,
346
+ .ui.form .field.error .ui.selection.dropdown .menu .item:hover {
304
347
  background-color: #FFF2F2;
305
348
  }
306
349
 
350
+ /* Currently Active Item */
351
+
307
352
  .ui.form .fields.error .field .ui.dropdown .menu .active.item,
308
353
  .ui.form .field.error .ui.dropdown .menu .active.item {
309
354
  background-color: #FDCFCF !important;
@@ -439,13 +484,20 @@
439
484
  }
440
485
 
441
486
  .ui.inverted.form .field.error textarea,
442
- .ui.inverted.form .field.error input[type="text"],
443
- .ui.inverted.form .field.error input[type="email"],
487
+ .ui.inverted.form .field.error input[type="color"],
444
488
  .ui.inverted.form .field.error input[type="date"],
445
- .ui.inverted.form .field.error input[type="password"],
489
+ .ui.inverted.form .field.error input[type="datetime"],
490
+ .ui.inverted.form .field.error input[type="datetime-local"],
491
+ .ui.inverted.form .field.error input[type="email"],
492
+ .ui.inverted.form .field.error input[type="month"],
446
493
  .ui.inverted.form .field.error input[type="number"],
494
+ .ui.inverted.form .field.error input[type="password"],
495
+ .ui.inverted.form .field.error input[type="search"],
496
+ .ui.inverted.form .field.error input[type="tel"],
497
+ .ui.inverted.form .field.error input[type="text"],
498
+ .ui.inverted.form .field.error input[type="time"],
447
499
  .ui.inverted.form .field.error input[type="url"],
448
- .ui.inverted.form .field.error input[type="tel"] {
500
+ .ui.inverted.form .field.error input[type="week"] {
449
501
  background-color: #FFCCCC;
450
502
  }
451
503
 
@@ -670,21 +722,17 @@
670
722
 
671
723
  .ui.form .inline.fields .field > label,
672
724
  .ui.form .inline.fields .field > p,
725
+ .ui.form .inline.fields .field > .ui.input,
673
726
  .ui.form .inline.fields .field > input,
674
727
  .ui.form .inline.field > label,
675
728
  .ui.form .inline.field > p,
729
+ .ui.form .inline.field > .ui.input,
676
730
  .ui.form .inline.field > input {
677
731
  display: inline-block;
678
732
  width: auto;
679
733
  margin-top: 0em;
680
734
  margin-bottom: 0em;
681
735
  vertical-align: middle;
682
- font-size: 1em;
683
- }
684
-
685
- .ui.form .inline.fields .field > input,
686
- .ui.form .inline.field > input {
687
- font-size: 0.875em;
688
736
  }
689
737
 
690
738
  .ui.form .inline.fields .field > :first-child,
@@ -708,13 +756,20 @@
708
756
  }
709
757
 
710
758
  .ui.small.form textarea,
711
- .ui.small.form input[type="text"],
712
- .ui.small.form input[type="email"],
759
+ .ui.small.form input[type="color"],
713
760
  .ui.small.form input[type="date"],
714
- .ui.small.form input[type="password"],
761
+ .ui.small.form input[type="datetime"],
762
+ .ui.small.form input[type="datetime-local"],
763
+ .ui.small.form input[type="email"],
764
+ .ui.small.form input[type="month"],
715
765
  .ui.small.form input[type="number"],
716
- .ui.small.form input[type="url"],
766
+ .ui.small.form input[type="password"],
767
+ .ui.small.form input[type="search"],
717
768
  .ui.small.form input[type="tel"],
769
+ .ui.small.form input[type="text"],
770
+ .ui.small.form input[type="time"],
771
+ .ui.small.form input[type="url"],
772
+ .ui.small.form input[type="week"],
718
773
  .ui.small.form label {
719
774
  font-size: 1em;
720
775
  }
@@ -3,7 +3,7 @@
3
3
  * http://github.com/jlukic/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2013 Contributors
6
+ * Copyright 2014 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -571,129 +571,57 @@ body > .ui.grid {
571
571
  Only (Device)
572
572
  -----------------------*/
573
573
 
574
- /* Mobile Only */
574
+ /* Mobile Only Hide */
575
575
 
576
- @media only screen and (max-width : 767px) {
577
- .ui.mobile.only.grid,
578
- .ui.grid > .mobile.only.row {
579
- display: block !important;
580
- }
581
-
582
- .ui.grid > .row > .mobile.only.column {
583
- display: inline-block !important;
584
- }
585
-
586
- .ui.divided.mobile.only.grid,
587
- .ui.celled.mobile.only.grid,
588
- .ui.divided.mobile.only.grid .row,
589
- .ui.celled.mobile.only.grid .row,
590
- .ui.divided.grid .mobile.only.row,
591
- .ui.celled.grid .mobile.only.row,
592
- .ui.grid .mobile.only.equal.height.row,
593
- .ui.mobile.only.grid .equal.height.row {
594
- display: table !important;
595
- }
596
-
597
- .ui.divided.grid > .row > .mobile.only.column,
598
- .ui.celled.grid > .row > .mobile.only.column,
599
- .ui.divided.mobile.only.grid > .row > .column,
600
- .ui.celled.mobile.only.grid > .row > .column,
601
- .ui.divided.mobile.only.grid > .column,
602
- .ui.celled.mobile.only.grid > .column {
603
- display: table-cell !important;
576
+ @media only screen and ( max-width : 767px ) {
577
+ .ui.tablet:not(.mobile).only.grid,
578
+ .ui.grid > .tablet:not(.mobile).only.row,
579
+ .ui.grid > .tablet:not(.mobile).only.column,
580
+ .ui.grid > .row > .tablet:not(.mobile).only.column {
581
+ display: none !important;
604
582
  }
605
- }
606
583
 
607
- @media only screen and (min-width : 768px) {
608
- .ui.mobile.only.grid,
609
- .ui.grid > .mobile.only.row,
610
- .ui.grid > .mobile.only.column,
611
- .ui.grid > .row > .mobile.only.column {
612
- display: none;
584
+ .ui.computer:not(.mobile).only.grid,
585
+ .ui.grid > .computer:not(.mobile).only.row,
586
+ .ui.grid > .computer:not(.mobile).only.column,
587
+ .ui.grid > .row > .computer:not(.mobile).only.column {
588
+ display: none !important;
613
589
  }
614
590
  }
615
591
 
616
- /* Tablet Only */
617
-
618
- @media only screen and (min-width : 768px) and (max-width : 991px) {
619
- .ui.tablet.only.grid,
620
- .ui.grid > .tablet.only.row {
621
- display: block !important;
622
- }
623
-
624
- .ui.grid > .row > .tablet.only.column {
625
- display: inline-block !important;
626
- }
627
-
628
- .ui.divided.tablet.only.grid,
629
- .ui.celled.tablet.only.grid,
630
- .ui.divided.tablet.only.grid .row,
631
- .ui.celled.tablet.only.grid .row,
632
- .ui.divided.grid .tablet.only.row,
633
- .ui.celled.grid .tablet.only.row,
634
- .ui.grid .tablet.only.equal.height.row,
635
- .ui.tablet.only.grid .equal.height.row {
636
- display: table !important;
637
- }
592
+ /* Tablet Only Hide */
638
593
 
639
- .ui.divided.grid > .row > .tablet.only.column,
640
- .ui.celled.grid > .row > .tablet.only.column,
641
- .ui.divided.tablet.only.grid > .row > .column,
642
- .ui.celled.tablet.only.grid > .row > .column,
643
- .ui.divided.tablet.only.grid > .column,
644
- .ui.celled.tablet.only.grid > .column {
645
- display: table-cell !important;
594
+ @media only screen and (min-width: 768px) and (max-width: 991px ) {
595
+ .ui.mobile:not(.tablet).only.grid,
596
+ .ui.grid > .mobile:not(.tablet).only.row,
597
+ .ui.grid > .mobile:not(.tablet).only.column,
598
+ .ui.grid > .row > .mobile:not(.tablet).only.column {
599
+ display: none !important;
646
600
  }
647
- }
648
601
 
649
- @media only screen and (max-width : 767px), (min-width: 992px) {
650
- .ui.tablet.only.grid,
651
- .ui.grid > .tablet.only.row,
652
- .ui.grid > .tablet.only.column,
653
- .ui.grid > .row > .tablet.only.column {
654
- display: none;
602
+ .ui.computer:not(.tablet).only.grid,
603
+ .ui.grid > .computer:not(.tablet).only.row,
604
+ .ui.grid > .computer:not(.tablet).only.column,
605
+ .ui.grid > .row > .computer:not(.tablet).only.column {
606
+ display: none !important;
655
607
  }
656
608
  }
657
609
 
658
- /* Computer Only */
659
-
660
- @media only screen and (min-width : 992px) {
661
- .ui.computer.only.grid,
662
- .ui.grid > .computer.only.row {
663
- display: block !important;
664
- }
665
-
666
- .ui.grid > .row > .computer.only.column {
667
- display: inline-block !important;
668
- }
669
-
670
- .ui.divided.computer.only.grid,
671
- .ui.celled.computer.only.grid,
672
- .ui.divided.computer.only.grid .row,
673
- .ui.celled.computer.only.grid .row,
674
- .ui.divided.grid .computer.only.row,
675
- .ui.celled.grid .computer.only.row,
676
- .ui.grid .computer.only.equal.height.row,
677
- .ui.computer.only.grid .equal.height.row {
678
- display: table !important;
679
- }
610
+ /* Computer Only Hide */
680
611
 
681
- .ui.divided.grid > .row > .computer.only.column,
682
- .ui.celled.grid > .row > .computer.only.column,
683
- .ui.divided.computer.only.grid > .row > .column,
684
- .ui.celled.computer.only.grid > .row > .column,
685
- .ui.divided.computer.only.grid > .column,
686
- .ui.celled.computer.only.grid > .column {
687
- display: table-cell !important;
612
+ @media only screen and ( min-width : 992px) {
613
+ .ui.mobile:not(.computer).only.grid,
614
+ .ui.grid > .mobile:not(.computer).only.row,
615
+ .ui.grid > .mobile:not(.computer).only.column,
616
+ .ui.grid > .row > .mobile:not(.computer).only.column {
617
+ display: none !important;
688
618
  }
689
- }
690
619
 
691
- @media only screen and (max-width : 991px) {
692
- .ui.computer.only.grid,
693
- .ui.grid > .computer.only.row,
694
- .ui.grid > .computer.only.column,
695
- .ui.grid > .row > .computer.only.column {
696
- display: none;
620
+ .ui.tablet:not(.computer).only.grid,
621
+ .ui.grid > .tablet:not(.computer).only.row,
622
+ .ui.grid > .tablet:not(.computer).only.column,
623
+ .ui.grid > .row > .tablet:not(.computer).only.column {
624
+ display: none !important;
697
625
  }
698
626
  }
699
627