semantic-ui-sass 2.4.0.1 → 2.4.2.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 (54) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +5 -0
  3. data/README.md +8 -0
  4. data/app/assets/javascripts/semantic-ui/dropdown.js +2 -2
  5. data/app/assets/javascripts/semantic-ui/embed.js +11 -1
  6. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  7. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +1 -1
  8. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +7 -7
  9. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +6 -6
  10. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  11. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +3 -3
  12. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +3 -3
  13. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  14. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  15. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  16. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  17. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1 -1
  18. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  19. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +1 -1
  20. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +9 -9
  21. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  24. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  25. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  26. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +3 -3
  27. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +4 -4
  28. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +39 -37
  30. data/app/assets/stylesheets/semantic-ui/globals/_variables.scss +1 -0
  31. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +15 -13
  34. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +2 -2
  35. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -6
  37. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  38. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  42. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  53. data/lib/semantic/ui/sass/version.rb +2 -2
  54. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 99dc21b85511bad47e765de5c92c4d79966d009f56940b61c4a9774e28d3edff
4
- data.tar.gz: 80e67c86fff67bdab2016774bb4e0d9c1b7bc2498954a58938f75f76f8dec4e3
3
+ metadata.gz: 89e0892ae1f55be27bf9b7a0bc0321dadf67476b3dac75fecf3cfb6007d5d91a
4
+ data.tar.gz: 5331894b8534bec791cdd95533230c54479ff0bbcd9f0757ea512fe112b62514
5
5
  SHA512:
6
- metadata.gz: 1b80178998d55509e87c7998fdad706b16091f53c94c7643856ab81b870dd2db30e612a7f0f3c1f7d4c50f06cb1ae167417c886bf6407709a2dfc40aef60643d
7
- data.tar.gz: 159940b7c660f3294885eedb5825539a5e2b6c3ba02bed33906061c79c6d3a6392bae87bbd9fb00bb246f2b7a2f2cac19b9e672240ed9a836f89944194da9f70
6
+ metadata.gz: 264f5a29615998b561b98958c42b72084ba8bce2d1626bc51553296512b02043e899460a9e461478cb2d7810032c91159653180a3baba0dea844a5d2fa3136d1
7
+ data.tar.gz: 2792212457ef12368a5e6187a8cf787d3383ee9f8c242c7041dc6e5ce4b9c63a42a4f999ea3b8026b9df124b8967e452456bc863499b8283bea85f4641b9788c
@@ -1,3 +1,8 @@
1
+ ## 2.4.2.0
2
+
3
+ * Update Semantic UI to 2.4.2
4
+ * Add $use-custom-scrollbar variable to optionally use native scrollbars #138
5
+
1
6
  ## 2.4.0.1
2
7
 
3
8
  * Include new placeholder element #133
data/README.md CHANGED
@@ -51,12 +51,20 @@ $font-family: 'custom-font-family';
51
51
  @import 'semantic-ui';
52
52
  ```
53
53
 
54
+ ### Skip use of custom scrollbars
55
+
56
+ ```css
57
+ $use-custom-scrollbars: false;
58
+ @import 'semantic-ui';
59
+ ```
60
+
54
61
  ## All variables, you can custom any of that
55
62
  ```css
56
63
  $import-google-fonts: true !default;
57
64
  $font-url: 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin,latin-ext' !default;
58
65
  $font-name: 'Lato' !default;
59
66
  $font-family: $font-name, 'Helvetica Neue', Arial, Helvetica, sans-serif !default;
67
+ $use-custom-scrollbars: true !default;
60
68
  ```
61
69
 
62
70
  ## Javascripts
@@ -605,7 +605,6 @@ $.fn.dropdown = function(parameters) {
605
605
  else {
606
606
  if(settings.on == 'click') {
607
607
  $module
608
- .on('click' + eventNamespace, selector.icon, module.event.icon.click)
609
608
  .on('click' + eventNamespace, module.event.test.toggle)
610
609
  ;
611
610
  }
@@ -621,6 +620,7 @@ $.fn.dropdown = function(parameters) {
621
620
  ;
622
621
  }
623
622
  $module
623
+ .on('click' + eventNamespace, selector.icon, module.event.icon.click)
624
624
  .on('mousedown' + eventNamespace, module.event.mousedown)
625
625
  .on('mouseup' + eventNamespace, module.event.mouseup)
626
626
  .on('focus' + eventNamespace, module.event.focus)
@@ -1022,7 +1022,7 @@ $.fn.dropdown = function(parameters) {
1022
1022
  if($icon.hasClass(className.clear)) {
1023
1023
  module.clear();
1024
1024
  }
1025
- else {
1025
+ else if (module.can.click()) {
1026
1026
  module.toggle();
1027
1027
  }
1028
1028
  }
@@ -10,7 +10,7 @@
10
10
 
11
11
  ;(function ($, window, document, undefined) {
12
12
 
13
- 'use strict';
13
+ "use strict";
14
14
 
15
15
  window = (typeof window != 'undefined' && window.Math == Math)
16
16
  ? window
@@ -181,6 +181,7 @@ $.fn.embed = function(parameters) {
181
181
  // clears embed
182
182
  reset: function() {
183
183
  module.debug('Clearing embed and showing placeholder');
184
+ module.remove.data();
184
185
  module.remove.active();
185
186
  module.remove.embed();
186
187
  module.showPlaceholder();
@@ -300,6 +301,15 @@ $.fn.embed = function(parameters) {
300
301
  },
301
302
 
302
303
  remove: {
304
+ data: function() {
305
+ $module
306
+ .removeData(metadata.id)
307
+ .removeData(metadata.icon)
308
+ .removeData(metadata.placeholder)
309
+ .removeData(metadata.source)
310
+ .removeData(metadata.url)
311
+ ;
312
+ },
303
313
  active: function() {
304
314
  $module.removeClass(className.active);
305
315
  },
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Breadcrumb
2
+ * # Semantic UI 2.4.2 - Breadcrumb
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Form
2
+ * # Semantic UI 2.4.2 - Form
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Grid
2
+ * # Semantic UI 2.4.2 - Grid
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -151,7 +151,7 @@
151
151
  margin: 1rem 1rem;
152
152
  }
153
153
  .ui.grid .column + .ui.vertical.divider {
154
- height: calc(50% - 1rem );
154
+ height: calc(50% - (2rem / 2));
155
155
  }
156
156
 
157
157
  /* Remove Border on Last Horizontal Segment */
@@ -1092,7 +1092,7 @@
1092
1092
  content: "";
1093
1093
  top: 0em;
1094
1094
  left: 0px;
1095
- width: calc(100% - 2rem );
1095
+ width: calc(100% - 2rem);
1096
1096
  height: 1px;
1097
1097
  margin: 0% 1rem;
1098
1098
  -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
@@ -1131,12 +1131,12 @@
1131
1131
  .ui.relaxed[class*="vertically divided"].grid > .row:before {
1132
1132
  margin-left: 1.5rem;
1133
1133
  margin-right: 1.5rem;
1134
- width: calc(100% - 3rem );
1134
+ width: calc(100% - 3rem);
1135
1135
  }
1136
1136
  .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
1137
- margin-left: 5rem;
1138
- margin-right: 5rem;
1139
- width: calc(100% - 5rem );
1137
+ margin-left: 2.5rem;
1138
+ margin-right: 2.5rem;
1139
+ width: calc(100% - 5rem);
1140
1140
  }
1141
1141
 
1142
1142
  /*----------------------
@@ -629,7 +629,7 @@ Floated Menu / Item
629
629
  border-bottom: 1px solid #D4D4D5;
630
630
  }
631
631
  .ui.tabular.fluid.menu {
632
- width: calc(100% + 2px ) !important;
632
+ width: calc(100% + (1px * 2)) !important;
633
633
  }
634
634
  .ui.tabular.menu .item {
635
635
  background: transparent;
@@ -674,7 +674,7 @@ Floated Menu / Item
674
674
  }
675
675
  .top.attached.segment + .ui.bottom.tabular.menu {
676
676
  position: relative;
677
- width: calc(100% + 2px );
677
+ width: calc(100% + (1px * 2));
678
678
  left: -1px;
679
679
  }
680
680
 
@@ -1753,13 +1753,13 @@ Floated Menu / Item
1753
1753
  width: 14.285%;
1754
1754
  }
1755
1755
  .ui.menu.eight.item .item {
1756
- width: 12.500%;
1756
+ width: 12.5%;
1757
1757
  }
1758
1758
  .ui.menu.nine.item .item {
1759
1759
  width: 11.11%;
1760
1760
  }
1761
1761
  .ui.menu.ten.item .item {
1762
- width: 10.0%;
1762
+ width: 10%;
1763
1763
  }
1764
1764
  .ui.menu.eleven.item .item {
1765
1765
  width: 9.09%;
@@ -1914,8 +1914,8 @@ Floated Menu / Item
1914
1914
  bottom: 0px;
1915
1915
  border-radius: 0px;
1916
1916
  margin: 0em -1px;
1917
- width: calc(100% + 2px );
1918
- max-width: calc(100% + 2px );
1917
+ width: calc(100% - (-1px * 2));
1918
+ max-width: calc(100% - (-1px * 2));
1919
1919
  -webkit-box-shadow: none;
1920
1920
  box-shadow: none;
1921
1921
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Message
2
+ * # Semantic UI 2.4.2 - Message
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Table
2
+ * # Semantic UI 2.4.2 - Table
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -564,8 +564,8 @@
564
564
  bottom: 0px;
565
565
  border-radius: 0px;
566
566
  margin: 0em -1px;
567
- width: calc(100% + 2px );
568
- max-width: calc(100% + 2px );
567
+ width: calc(100% - (-1px * 2));
568
+ max-width: calc(100% - (-1px * 2));
569
569
  -webkit-box-shadow: none;
570
570
  box-shadow: none;
571
571
  border: 1px solid #D4D4D5;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Button
2
+ * # Semantic UI 2.4.2 - Button
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1195,7 +1195,7 @@
1195
1195
  width: 100%;
1196
1196
  }
1197
1197
  .ui.eight.buttons > .button {
1198
- width: 12.500%;
1198
+ width: 12.5%;
1199
1199
  }
1200
1200
  .ui.nine.buttons {
1201
1201
  width: 100%;
@@ -1249,7 +1249,7 @@
1249
1249
  height: 14.285%;
1250
1250
  }
1251
1251
  .ui.eight.vertical.buttons > .button {
1252
- height: 12.500%;
1252
+ height: 12.5%;
1253
1253
  }
1254
1254
  .ui.nine.vertical.buttons > .button {
1255
1255
  height: 11.11%;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Container
2
+ * # Semantic UI 2.4.2 - Container
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Divider
2
+ * # Semantic UI 2.4.2 - Divider
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Flag
2
+ * # Semantic UI 2.4.2 - Flag
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Header
2
+ * # Semantic UI 2.4.2 - Header
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Icon
2
+ * # Semantic UI 2.4.2 - Icon
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Image
2
+ * # Semantic UI 2.4.2 - Image
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Input
2
+ * # Semantic UI 2.4.2 - Input
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Label
2
+ * # Semantic UI 2.4.2 - Label
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -316,15 +316,15 @@ a.ui.label {
316
316
 
317
317
  /* Positioning */
318
318
  .ui.ribbon.label {
319
- left: calc( -1rem - 1.2em );
319
+ left: calc(-1rem - 1.2em);
320
320
  margin-right: -1.2em;
321
- padding-left: calc( 1rem + 1.2em );
321
+ padding-left: calc(1rem + 1.2em);
322
322
  padding-right: 1.2em;
323
323
  }
324
324
  .ui[class*="right ribbon"].label {
325
- left: calc(100% + 1rem + 1.2em );
325
+ left: calc(100% + 1rem + 1.2em);
326
326
  padding-left: 1.2em;
327
- padding-right: calc( 1rem + 1.2em );
327
+ padding-right: calc(1rem + 1.2em);
328
328
  }
329
329
 
330
330
  /* Right Ribbon */
@@ -351,20 +351,20 @@ a.ui.label {
351
351
  }
352
352
  .ui.card .image > .ui.ribbon.label,
353
353
  .ui.image > .ui.ribbon.label {
354
- left: calc( 0.05rem - 1.2em );
354
+ left: calc(--0.05rem - 1.2em);
355
355
  }
356
356
  .ui.card .image > .ui[class*="right ribbon"].label,
357
357
  .ui.image > .ui[class*="right ribbon"].label {
358
- left: calc(100% + -0.05rem + 1.2em );
358
+ left: calc(100% + -0.05rem + 1.2em);
359
359
  padding-left: 0.833em;
360
360
  }
361
361
 
362
362
  /* Inside Table */
363
363
  .ui.table td > .ui.ribbon.label {
364
- left: calc( -0.78571429em - 1.2em );
364
+ left: calc(-0.78571429em - 1.2em);
365
365
  }
366
366
  .ui.table td > .ui[class*="right ribbon"].label {
367
- left: calc(100% + 0.78571429em + 1.2em );
367
+ left: calc(100% + 0.78571429em + 1.2em);
368
368
  padding-left: 0.833em;
369
369
  }
370
370
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - List
2
+ * # Semantic UI 2.4.2 - List
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Loader
2
+ * # Semantic UI 2.4.2 - Loader
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Loader
2
+ * # Semantic UI 2.4.2 - Loader
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Rail
2
+ * # Semantic UI 2.4.2 - Rail
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Reveal
2
+ * # Semantic UI 2.4.2 - Reveal
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Segment
2
+ * # Semantic UI 2.4.2 - Segment
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -793,8 +793,8 @@
793
793
  bottom: 0px;
794
794
  border-radius: 0px;
795
795
  margin: 0em -1px;
796
- width: calc(100% + 2px );
797
- max-width: calc(100% + 2px );
796
+ width: calc(100% - (-1px * 2));
797
+ max-width: calc(100% - (-1px * 2));
798
798
  -webkit-box-shadow: none;
799
799
  box-shadow: none;
800
800
  border: 1px solid #D4D4D5;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Step
2
+ * # Semantic UI 2.4.2 - Step
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -491,9 +491,9 @@
491
491
 
492
492
  /* Top */
493
493
  .ui.attached.steps {
494
- width: calc(100% + 2px ) !important;
494
+ width: calc(100% + (--1px * 2)) !important;
495
495
  margin: 0em -1px 0;
496
- max-width: calc(100% + 2px );
496
+ max-width: calc(100% + (--1px * 2));
497
497
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
498
498
  }
499
499
  .ui.attached.steps .step:first-child {
@@ -562,7 +562,7 @@
562
562
  width: 14.285%;
563
563
  }
564
564
  .ui.eight.steps > .step {
565
- width: 12.500%;
565
+ width: 12.5%;
566
566
  }
567
567
 
568
568
  /*-------------------
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Reset
2
+ * # Semantic UI 2.4.2 - Reset
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Site
2
+ * # Semantic UI 2.4.2 - Site
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -155,42 +155,44 @@ input::selection {
155
155
  color: rgba(0, 0, 0, 0.87);
156
156
  }
157
157
 
158
- /* Force Simple Scrollbars */
159
- body ::-webkit-scrollbar {
160
- -webkit-appearance: none;
161
- width: 10px;
162
- height: 10px;
163
- }
164
- body ::-webkit-scrollbar-track {
165
- background: rgba(0, 0, 0, 0.1);
166
- border-radius: 0px;
167
- }
168
- body ::-webkit-scrollbar-thumb {
169
- cursor: pointer;
170
- border-radius: 5px;
171
- background: rgba(0, 0, 0, 0.25);
172
- -webkit-transition: color 0.2s ease;
173
- transition: color 0.2s ease;
174
- }
175
- body ::-webkit-scrollbar-thumb:window-inactive {
176
- background: rgba(0, 0, 0, 0.15);
177
- }
178
- body ::-webkit-scrollbar-thumb:hover {
179
- background: rgba(128, 135, 139, 0.8);
180
- }
181
-
182
- /* Inverted UI */
183
- body .ui.inverted::-webkit-scrollbar-track {
184
- background: rgba(255, 255, 255, 0.1);
185
- }
186
- body .ui.inverted::-webkit-scrollbar-thumb {
187
- background: rgba(255, 255, 255, 0.25);
188
- }
189
- body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
190
- background: rgba(255, 255, 255, 0.15);
191
- }
192
- body .ui.inverted::-webkit-scrollbar-thumb:hover {
193
- background: rgba(255, 255, 255, 0.35);
158
+ @if $use-custom-scrollbars {
159
+ /* Force Simple Scrollbars */
160
+ body ::-webkit-scrollbar {
161
+ -webkit-appearance: none;
162
+ width: 10px;
163
+ height: 10px;
164
+ }
165
+ body ::-webkit-scrollbar-track {
166
+ background: rgba(0, 0, 0, 0.1);
167
+ border-radius: 0px;
168
+ }
169
+ body ::-webkit-scrollbar-thumb {
170
+ cursor: pointer;
171
+ border-radius: 5px;
172
+ background: rgba(0, 0, 0, 0.25);
173
+ -webkit-transition: color 0.2s ease;
174
+ transition: color 0.2s ease;
175
+ }
176
+ body ::-webkit-scrollbar-thumb:window-inactive {
177
+ background: rgba(0, 0, 0, 0.15);
178
+ }
179
+ body ::-webkit-scrollbar-thumb:hover {
180
+ background: rgba(128, 135, 139, 0.8);
181
+ }
182
+
183
+ /* Inverted UI */
184
+ body .ui.inverted::-webkit-scrollbar-track {
185
+ background: rgba(255, 255, 255, 0.1);
186
+ }
187
+ body .ui.inverted::-webkit-scrollbar-thumb {
188
+ background: rgba(255, 255, 255, 0.25);
189
+ }
190
+ body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
191
+ background: rgba(255, 255, 255, 0.15);
192
+ }
193
+ body .ui.inverted::-webkit-scrollbar-thumb:hover {
194
+ background: rgba(255, 255, 255, 0.35);
195
+ }
194
196
  }
195
197
 
196
198
 
@@ -2,3 +2,4 @@ $import-google-fonts: true !default;
2
2
  $font-url: 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin,latin-ext' !default;
3
3
  $font-name: 'Lato' !default;
4
4
  $font-family: $font-name, 'Helvetica Neue', Arial, Helvetica, sans-serif !default;
5
+ $use-custom-scrollbars: true !default;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Accordion
2
+ * # Semantic UI 2.4.2 - Accordion
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Checkbox
2
+ * # Semantic UI 2.4.2 - Checkbox
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Dimmer
2
+ * # Semantic UI 2.4.2 - Dimmer
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -67,18 +67,20 @@
67
67
  border-radius: inherit !important;
68
68
  }
69
69
 
70
- /* Scrollbars */
71
- .ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
72
- background: rgba(255, 255, 255, 0.1);
73
- }
74
- .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
75
- background: rgba(255, 255, 255, 0.25);
76
- }
77
- .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
78
- background: rgba(255, 255, 255, 0.15);
79
- }
80
- .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
81
- background: rgba(255, 255, 255, 0.35);
70
+ @if $use-custom-scrollbars {
71
+ /* Scrollbars */
72
+ .ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
73
+ background: rgba(255, 255, 255, 0.1);
74
+ }
75
+ .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
76
+ background: rgba(255, 255, 255, 0.25);
77
+ }
78
+ .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
79
+ background: rgba(255, 255, 255, 0.15);
80
+ }
81
+ .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
82
+ background: rgba(255, 255, 255, 0.35);
83
+ }
82
84
  }
83
85
 
84
86
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Dropdown
2
+ * # Semantic UI 2.4.2 - Dropdown
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1138,7 +1138,7 @@ select.ui.dropdown {
1138
1138
  @media all and (-ms-high-contrast: none) {
1139
1139
  .ui.scrolling.dropdown .menu,
1140
1140
  .ui.dropdown .scrolling.menu {
1141
- min-width: calc(100% - 17px );
1141
+ min-width: calc(100% - 17px);
1142
1142
  }
1143
1143
  }
1144
1144
  @media only screen and (max-width: 767px) {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Video
2
+ * # Semantic UI 2.4.2 - Video
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Modal
2
+ * # Semantic UI 2.4.2 - Modal
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -427,7 +427,7 @@
427
427
 
428
428
  /* Scrolling Content */
429
429
  .ui.modal .scrolling.content {
430
- max-height: calc(70vh);
430
+ max-height: calc(80vh - 10em);
431
431
  overflow: auto;
432
432
  }
433
433
 
@@ -437,12 +437,8 @@
437
437
 
438
438
  .ui.fullscreen.modal {
439
439
  width: 95% !important;
440
- left: 0em !important;
441
440
  margin: 1em auto;
442
441
  }
443
- .ui.fullscreen.scrolling.modal {
444
- left: 0em !important;
445
- }
446
442
  .ui.fullscreen.modal > .header {
447
443
  padding-right: 2.25rem;
448
444
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Nag
2
+ * # Semantic UI 2.4.2 - Nag
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Popup
2
+ * # Semantic UI 2.4.2 - Popup
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Progress Bar
2
+ * # Semantic UI 2.4.2 - Progress Bar
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Rating
2
+ * # Semantic UI 2.4.2 - Rating
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Search
2
+ * # Semantic UI 2.4.2 - Search
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Shape
2
+ * # Semantic UI 2.4.2 - Shape
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Sidebar
2
+ * # Semantic UI 2.4.2 - Sidebar
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Sticky
2
+ * # Semantic UI 2.4.2 - Sticky
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Tab
2
+ * # Semantic UI 2.4.2 - Tab
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Transition
2
+ * # Semantic UI 2.4.2 - Transition
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Ad
2
+ * # Semantic UI 2.4.2 - Ad
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Item
2
+ * # Semantic UI 2.4.2 - Item
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Comment
2
+ * # Semantic UI 2.4.2 - Comment
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Feed
2
+ * # Semantic UI 2.4.2 - Feed
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Item
2
+ * # Semantic UI 2.4.2 - Item
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.4.0 - Statistic
2
+ * # Semantic UI 2.4.2 - Statistic
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,8 +1,8 @@
1
1
  module Semantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = "2.4.0.1"
5
- SEMANTIC_UI_SHA = '876ac535e785254daffd927aeb752da6cae7903d'
4
+ VERSION = "2.4.2.0"
5
+ SEMANTIC_UI_SHA = '3989d7243c514f9018a55eb53cb34daf3bbf5a26'
6
6
  end
7
7
  end
8
8
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: semantic-ui-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.4.0.1
4
+ version: 2.4.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - doabit
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-09-21 00:00:00.000000000 Z
11
+ date: 2019-06-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler