semantic-ui-sass 2.4.0.1 → 2.4.2.0

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