semantic-ui-sass 0.16.1.0 → 0.19.3.0

Sign up to get free protection for your applications and to get access to all the features.
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