uikit 3.16.27 → 3.17.1-dev.7c0766a6f

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 (119) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/build/less.js +5 -4
  3. package/build/util.js +7 -9
  4. package/dist/css/uikit-core-rtl.css +53 -18
  5. package/dist/css/uikit-core-rtl.min.css +1 -1
  6. package/dist/css/uikit-core.css +53 -18
  7. package/dist/css/uikit-core.min.css +1 -1
  8. package/dist/css/uikit-rtl.css +56 -17
  9. package/dist/css/uikit-rtl.min.css +1 -1
  10. package/dist/css/uikit.css +56 -17
  11. package/dist/css/uikit.min.css +1 -1
  12. package/dist/js/components/countdown.js +1 -1
  13. package/dist/js/components/countdown.min.js +1 -1
  14. package/dist/js/components/filter.js +24 -43
  15. package/dist/js/components/filter.min.js +1 -1
  16. package/dist/js/components/lightbox-panel.js +2 -3
  17. package/dist/js/components/lightbox-panel.min.js +1 -1
  18. package/dist/js/components/lightbox.js +2 -3
  19. package/dist/js/components/lightbox.min.js +1 -1
  20. package/dist/js/components/notification.js +2 -2
  21. package/dist/js/components/notification.min.js +1 -1
  22. package/dist/js/components/parallax.js +7 -17
  23. package/dist/js/components/parallax.min.js +1 -1
  24. package/dist/js/components/slider-parallax.js +6 -13
  25. package/dist/js/components/slider-parallax.min.js +1 -1
  26. package/dist/js/components/slider.js +2 -2
  27. package/dist/js/components/slider.min.js +1 -1
  28. package/dist/js/components/slideshow-parallax.js +6 -13
  29. package/dist/js/components/slideshow-parallax.min.js +1 -1
  30. package/dist/js/components/slideshow.js +19 -4
  31. package/dist/js/components/slideshow.min.js +1 -1
  32. package/dist/js/components/sortable.js +24 -43
  33. package/dist/js/components/sortable.min.js +1 -1
  34. package/dist/js/components/tooltip.js +1 -2
  35. package/dist/js/components/tooltip.min.js +1 -1
  36. package/dist/js/components/upload.js +1 -1
  37. package/dist/js/components/upload.min.js +1 -1
  38. package/dist/js/uikit-core.js +455 -185
  39. package/dist/js/uikit-core.min.js +1 -1
  40. package/dist/js/uikit-icons.js +1 -1
  41. package/dist/js/uikit-icons.min.js +1 -1
  42. package/dist/js/uikit.js +483 -240
  43. package/dist/js/uikit.min.js +1 -9502
  44. package/package.json +1 -1
  45. package/src/js/api/boot.js +2 -2
  46. package/src/js/api/computed.js +1 -1
  47. package/src/js/api/observables.js +1 -4
  48. package/src/js/components/notification.js +1 -1
  49. package/src/js/components/slideshow.js +19 -2
  50. package/src/js/core/cover.js +30 -1
  51. package/src/js/core/drop.js +15 -9
  52. package/src/js/core/dropnav.js +16 -2
  53. package/src/js/core/grid.js +119 -64
  54. package/src/js/core/height-viewport.js +4 -1
  55. package/src/js/core/margin.js +23 -39
  56. package/src/js/core/navbar.js +219 -1
  57. package/src/js/core/scrollspy-nav.js +13 -4
  58. package/src/js/core/scrollspy.js +1 -1
  59. package/src/js/core/sticky.js +10 -11
  60. package/src/js/mixin/internal/animate-fade.js +1 -11
  61. package/src/js/mixin/internal/slideshow-animations.js +1 -1
  62. package/src/js/mixin/slider-reactive.js +1 -1
  63. package/src/js/mixin/togglable.js +0 -2
  64. package/src/js/util/animation.js +19 -13
  65. package/src/js/util/class.js +30 -26
  66. package/src/js/util/dom.js +3 -8
  67. package/src/js/util/filter.js +2 -6
  68. package/src/js/util/viewport.js +26 -4
  69. package/src/less/components/base.less +6 -3
  70. package/src/less/components/form.less +3 -0
  71. package/src/less/components/heading.less +18 -0
  72. package/src/less/components/navbar.less +6 -12
  73. package/src/less/components/pagination.less +13 -6
  74. package/src/less/components/position.less +1 -0
  75. package/src/less/components/section.less +6 -0
  76. package/src/less/theme/heading.less +4 -0
  77. package/src/less/theme/navbar.less +5 -0
  78. package/src/scss/components/base.scss +4 -2
  79. package/src/scss/components/form.scss +3 -0
  80. package/src/scss/components/heading.scss +13 -0
  81. package/src/scss/components/navbar.scss +5 -12
  82. package/src/scss/components/pagination.scss +13 -6
  83. package/src/scss/components/position.scss +1 -0
  84. package/src/scss/components/section.scss +4 -0
  85. package/src/scss/mixins-theme.scss +13 -1
  86. package/src/scss/mixins.scss +8 -1
  87. package/src/scss/theme/heading.scss +4 -0
  88. package/src/scss/variables-theme.scss +7 -0
  89. package/src/scss/variables.scss +7 -0
  90. package/tests/cover.html +2 -2
  91. package/tests/drop.html +13 -7
  92. package/tests/dropnav.html +22 -10
  93. package/tests/filter.html +5 -5
  94. package/tests/form.html +1 -1
  95. package/tests/grid-masonry.html +49 -73
  96. package/tests/grid-parallax.html +82 -40
  97. package/tests/grid.html +21 -3
  98. package/tests/heading.html +33 -4
  99. package/tests/height-viewport.html +3 -3
  100. package/tests/height.html +2 -2
  101. package/tests/icon.html +1 -1
  102. package/tests/image.html +6 -6
  103. package/tests/leader.html +3 -3
  104. package/tests/nav.html +1 -1
  105. package/tests/navbar.html +28 -10
  106. package/tests/notification.html +1 -1
  107. package/tests/offcanvas.html +2 -2
  108. package/tests/parallax.html +1 -1
  109. package/tests/scrollspy.html +3 -3
  110. package/tests/sortable.html +3 -3
  111. package/tests/sticky-navbar.html +233 -14
  112. package/tests/sticky.html +8 -8
  113. package/tests/svg.html +1 -1
  114. package/tests/tab.html +1 -1
  115. package/tests/toggle.html +2 -2
  116. package/tests/tooltip.html +2 -2
  117. package/tests/upload.html +16 -16
  118. package/tests/utility.html +2 -2
  119. package/tests/video.html +3 -3
package/tests/sticky-navbar.html CHANGED
@@ -630,16 +630,16 @@
630
630
 
631
631
  </div>
632
632
 
633
- <div id="sticky-transparent-dropbar-behind" class="uk-section-secondary uk-preserve-color" style="background-image: url('images/light.jpg');">
633
+ <div id="sticky-transparent-dropbar-remove" class="uk-section-secondary uk-preserve-color" style="background-image: url('images/dark.jpg');">
634
634
 
635
635
  <div class="tm-header">
636
- <div class="uk-blend-difference" uk-sticky="end: #sticky-transparent-dropbar-behind; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
637
- <nav class="uk-navbar-container uk-navbar-transparent">
636
+ <div uk-sticky="end: #sticky-transparent-dropbar-remove; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
637
+ <nav class="uk-navbar-container uk-navbar-transparent uk-light">
638
638
  <div class="uk-container uk-container-expand">
639
- <div uk-navbar="target-y: !.uk-navbar-container; dropbar: true; dropbar-anchor: !.uk-navbar-container">
639
+ <div uk-navbar="target-y: !.uk-navbar-container; dropbar: true; dropbar-anchor: !.uk-navbar-container; dropbar-transparent-mode: remove;">
640
640
  <div class="uk-navbar-left">
641
641
 
642
- <a class="uk-navbar-item uk-logo" href="#">Sticky + Transparent + Dropbar Behind</a>
642
+ <a class="uk-navbar-item uk-logo" href="#">Sticky + Transparent + Dropbar Remove</a>
643
643
 
644
644
  <ul class="uk-navbar-nav">
645
645
  <li class="uk-active"><a href="">Active</a></li>
@@ -690,7 +690,27 @@
690
690
  <div class="uk-navbar-right">
691
691
 
692
692
  <a class="uk-navbar-toggle uk-navbar-toggle-animate" href uk-navbar-toggle-icon></a>
693
- <div class="uk-dropbar uk-dropbar-top uk-navbar-dropbar-behind uk-position-z-index" uk-drop="mode: click; inset: true; pos: top-center; stretch: true; animation: slide-top; animate-out: true; container: #sticky-transparent-dropbar-behind .tm-header; bg-scroll: false;">
693
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
694
+ <ul class="uk-nav uk-navbar-dropdown-nav">
695
+ <li class="uk-active"><a href="#">Active</a></li>
696
+ <li class="uk-parent">
697
+ <a href="#">Parent</a>
698
+ <ul class="uk-nav-sub">
699
+ <li><a href="#">Sub item</a></li>
700
+ <li><a href="#">Sub item</a></li>
701
+ </ul>
702
+ </li>
703
+ <li class="uk-nav-header">Header</li>
704
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
705
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
706
+ <li class="uk-nav-divider"></li>
707
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
708
+ </ul>
709
+ </div>
710
+
711
+ <a class="uk-navbar-toggle uk-navbar-toggle-animate" uk-navbar-toggle-icon href="#"></a>
712
+ <div class="uk-dropbar uk-dropbar-top uk-padding-remove-top" uk-drop="mode: click; pos: bottom-center; stretch: true; animation: slide-top; animate-out: true; bg-scroll: false;">
713
+ <div class="uk-navbar-item uk-invisible"></div>
694
714
  <ul class="uk-nav uk-navbar-dropdown-nav">
695
715
  <li class="uk-active"><a href="#">Active</a></li>
696
716
  <li class="uk-parent">
@@ -715,7 +735,7 @@
715
735
  </div>
716
736
  </div>
717
737
 
718
- <div class="uk-section">
738
+ <div class="uk-section uk-light">
719
739
  <div class="uk-container">
720
740
 
721
741
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
@@ -735,16 +755,141 @@
735
755
 
736
756
  </div>
737
757
 
738
- <div id="sticky-transparent-dropbar-above" class="uk-section-secondary uk-preserve-color" style="background-image: url('images/light.jpg');">
758
+ <div id="sticky-transparent-dropbar-behind" class="uk-section-secondary uk-preserve-color" style="background-image: url('images/light.jpg');">
739
759
 
740
760
  <div class="tm-header">
741
- <div class="uk-blend-difference" uk-sticky="end: #sticky-transparent-dropbar-above; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
742
- <nav class="uk-navbar-container uk-navbar-transparent">
761
+ <div class="uk-blend-difference uk-position-z-index-high" uk-sticky="end: #sticky-transparent-dropbar-behind; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
762
+ <nav class="uk-navbar-container uk-navbar-transparent uk-dark">
743
763
  <div class="uk-container uk-container-expand">
744
- <div uk-navbar="target-y: !.uk-navbar-container; dropbar: true; dropbar-anchor: !.uk-navbar-container">
764
+ <div uk-navbar="target-y: #sticky-transparent-dropbar-behind .uk-navbar-container; container: #sticky-transparent-dropbar-behind .tm-header; dropbar: true; dropbar-anchor: !.tm-header > *; dropbar-transparent-mode: behind; close-on-scroll: true">
765
+ <div class="uk-navbar-left">
766
+
767
+ <a class="uk-navbar-item uk-logo" href="#">Sticky + Transparent + Dropbar Behind</a>
768
+
769
+ <ul class="uk-navbar-nav">
770
+ <li class="uk-active"><a href="">Active</a></li>
771
+ <li>
772
+ <a href="">Parent</a>
773
+ <div class="uk-navbar-dropdown uk-padding-remove-top">
774
+ <ul class="uk-nav uk-navbar-dropdown-nav">
775
+ <li class="uk-active"><a href="#">Active</a></li>
776
+ <li class="uk-parent">
777
+ <a href="#">Parent</a>
778
+ <ul class="uk-nav-sub">
779
+ <li><a href="#">Sub item</a></li>
780
+ <li><a href="#">Sub item</a></li>
781
+ </ul>
782
+ </li>
783
+ <li class="uk-nav-header">Header</li>
784
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
785
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
786
+ <li class="uk-nav-divider"></li>
787
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
788
+ </ul>
789
+ </div>
790
+ </li>
791
+ <li>
792
+ <a href="">Parent</a>
793
+ <div class="uk-navbar-dropdown uk-padding-remove-top">
794
+ <ul class="uk-nav uk-navbar-dropdown-nav">
795
+ <li class="uk-active"><a href="#">Active</a></li>
796
+ <li class="uk-parent">
797
+ <a href="#">Parent</a>
798
+ <ul class="uk-nav-sub">
799
+ <li><a href="#">Sub item</a></li>
800
+ <li><a href="#">Sub item</a></li>
801
+ </ul>
802
+ </li>
803
+ <li class="uk-nav-header">Header</li>
804
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
805
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
806
+ <li class="uk-nav-divider"></li>
807
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
808
+ </ul>
809
+ </div>
810
+ </li>
811
+ <li><a href="">Item</a></li>
812
+ </ul>
813
+
814
+ </div>
815
+ <div class="uk-navbar-right">
816
+
817
+ <a class="uk-navbar-toggle uk-navbar-toggle-animate" uk-navbar-toggle-icon href="#"></a>
818
+ <div class="uk-navbar-dropdown uk-padding-remove-top" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false; target-y: #sticky-transparent-dropbar-behind .uk-navbar-container; container: #sticky-transparent-dropbar-behind .tm-header;">
819
+ <ul class="uk-nav uk-navbar-dropdown-nav">
820
+ <li class="uk-active"><a href="#">Active</a></li>
821
+ <li class="uk-parent">
822
+ <a href="#">Parent</a>
823
+ <ul class="uk-nav-sub">
824
+ <li><a href="#">Sub item</a></li>
825
+ <li><a href="#">Sub item</a></li>
826
+ </ul>
827
+ </li>
828
+ <li class="uk-nav-header">Header</li>
829
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
830
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
831
+ <li class="uk-nav-divider"></li>
832
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
833
+ </ul>
834
+ </div>
835
+
836
+ <a class="uk-navbar-toggle uk-navbar-toggle-animate" href uk-navbar-toggle-icon></a>
837
+ <div class="uk-dropbar uk-dropbar-top uk-position-z-index uk-padding-remove-top" uk-drop="mode: click; inset: true; pos: top-center; stretch: true; animation: slide-top; animate-out: true; container: #sticky-transparent-dropbar-behind .tm-header; bg-scroll: false;">
838
+ <div class="uk-navbar-item uk-invisible"></div>
839
+ <ul class="uk-nav uk-navbar-dropdown-nav">
840
+ <li class="uk-active"><a href="#">Active</a></li>
841
+ <li class="uk-parent">
842
+ <a href="#">Parent</a>
843
+ <ul class="uk-nav-sub">
844
+ <li><a href="#">Sub item</a></li>
845
+ <li><a href="#">Sub item</a></li>
846
+ </ul>
847
+ </li>
848
+ <li class="uk-nav-header">Header</li>
849
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
850
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
851
+ <li class="uk-nav-divider"></li>
852
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
853
+ </ul>
854
+ </div>
855
+
856
+ </div>
857
+ </div>
858
+ </div>
859
+ </nav>
860
+ </div>
861
+ </div>
862
+
863
+ <div class="uk-section">
864
+ <div class="uk-container">
865
+
866
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
867
+
868
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
869
+
870
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
871
+
872
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
873
+
874
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
875
+
876
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
877
+
878
+ </div>
879
+ </div>
880
+
881
+ </div>
882
+
883
+ <div id="sticky-transparent-recolor" class="uk-position-relative">
884
+
885
+ <div class="tm-header uk-position-top">
886
+ <div uk-sticky="end: #sticky-transparent-recolor; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
887
+ <nav class="uk-navbar-container uk-navbar-transparent uk-dark">
888
+ <div class="uk-container uk-container-expand">
889
+ <div uk-navbar>
745
890
  <div class="uk-navbar-left">
746
891
 
747
- <a class="uk-navbar-item uk-logo" href="#">Sticky + Transparent + Dropbar Above</a>
892
+ <a class="uk-navbar-item uk-logo" href="#">Sticky + Transparent + Recolor</a>
748
893
 
749
894
  <ul class="uk-navbar-nav">
750
895
  <li class="uk-active"><a href="">Active</a></li>
@@ -795,7 +940,27 @@
795
940
  <div class="uk-navbar-right">
796
941
 
797
942
  <a class="uk-navbar-toggle uk-navbar-toggle-animate" href uk-navbar-toggle-icon></a>
798
- <div class="uk-dropbar uk-dropbar-top uk-navbar-dropbar-behind uk-position-z-index" uk-drop="mode: click; inset: true; pos: top-center; stretch: true; animation: slide-top; animate-out: true; container: #sticky-transparent-dropbar-above .tm-header; bg-scroll: false;">
943
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
944
+ <ul class="uk-nav uk-navbar-dropdown-nav">
945
+ <li class="uk-active"><a href="#">Active</a></li>
946
+ <li class="uk-parent">
947
+ <a href="#">Parent</a>
948
+ <ul class="uk-nav-sub">
949
+ <li><a href="#">Sub item</a></li>
950
+ <li><a href="#">Sub item</a></li>
951
+ </ul>
952
+ </li>
953
+ <li class="uk-nav-header">Header</li>
954
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
955
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
956
+ <li class="uk-nav-divider"></li>
957
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
958
+ </ul>
959
+ </div>
960
+
961
+ <a class="uk-navbar-toggle uk-navbar-toggle-animate" uk-navbar-toggle-icon href="#"></a>
962
+ <div class="uk-dropbar uk-dropbar-top uk-padding-remove-top" uk-drop="mode: click; pos: bottom-center; stretch: true; animation: slide-top; animate-out: true; bg-scroll: false;">
963
+ <div class="uk-navbar-item uk-invisible"></div>
799
964
  <ul class="uk-nav uk-navbar-dropdown-nav">
800
965
  <li class="uk-active"><a href="#">Active</a></li>
801
966
  <li class="uk-parent">
@@ -820,7 +985,61 @@
820
985
  </div>
821
986
  </div>
822
987
 
823
- <div class="uk-section">
988
+ <div class="uk-section uk-section-default">
989
+ <div class="uk-container">
990
+
991
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
992
+
993
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
994
+
995
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
996
+
997
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
998
+
999
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
1000
+
1001
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
1002
+
1003
+ </div>
1004
+ </div>
1005
+
1006
+ <div class="uk-section uk-section-primary">
1007
+ <div class="uk-container">
1008
+
1009
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
1010
+
1011
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
1012
+
1013
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
1014
+
1015
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
1016
+
1017
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
1018
+
1019
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
1020
+
1021
+ </div>
1022
+ </div>
1023
+
1024
+ <div class="uk-section uk-section-muted">
1025
+ <div class="uk-container">
1026
+
1027
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
1028
+
1029
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
1030
+
1031
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
1032
+
1033
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
1034
+
1035
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
1036
+
1037
+ <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
1038
+
1039
+ </div>
1040
+ </div>
1041
+
1042
+ <div class="uk-section uk-section-secondary">
824
1043
  <div class="uk-container">
825
1044
 
826
1045
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
package/tests/sticky.html CHANGED
@@ -329,19 +329,19 @@
329
329
  <tbody>
330
330
  <tr>
331
331
  <td><code>position</code></td>
332
- <td>`top`|`bottom`</td>
333
- <td>`top`</td>
334
- <td>The position the element should be stuck to.</td>
332
+ <td>String</td>
333
+ <td>top</td>
334
+ <td>The position the element should be stuck to (top, bottom).</td>
335
335
  </tr>
336
336
  <tr>
337
337
  <td><code>start</code></td>
338
- <td>Length|CSS Selector</td>
338
+ <td>Length, CSS Selector</td>
339
339
  <td>0</td>
340
340
  <td>Start offset. The value can be in vh, % and px. It supports basic mathematics operands + and -. The default value of `0` means that the element's top border and viewport's top border intersect. A CSS Selector will set start to the selected element's bottom border and the elements top border.</td>
341
341
  </tr>
342
342
  <tr>
343
343
  <td><code>end</code></td>
344
- <td>Length|CSS Selector|Boolean</td>
344
+ <td>Length, CSS Selector, Boolean</td>
345
345
  <td>false</td>
346
346
  <td>End offset. The value can be in vh, % and px. It supports basic mathematics operands + and -. A value of `0` means that the element's top border and viewport's top border intersect, which would cause the element not to be sticky at all if start is also set to `0`. A CSS Selector will set the end to the selected element's bottom and the element's bottom border. `false` will make the element stick until the end of the page. `true` selects the parent element.</td>
347
347
  </tr>
@@ -372,7 +372,7 @@
372
372
  <tr>
373
373
  <td><code>cls-inactive</code></td>
374
374
  <td>String</td>
375
- <td>''</td>
375
+ <td></td>
376
376
  <td>The inactive class.</td>
377
377
  </tr>
378
378
  <tr>
@@ -389,13 +389,13 @@
389
389
  </tr>
390
390
  <tr>
391
391
  <td><code>media</code></td>
392
- <td>Number|String</td>
392
+ <td>Number, String</td>
393
393
  <td>false</td>
394
394
  <td>Condition for the active status - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl).</td>
395
395
  </tr>
396
396
  <tr>
397
397
  <td><code>target-offset</code></td>
398
- <td>false, Length</td>
398
+ <td>Boolean, Length</td>
399
399
  <td>false</td>
400
400
  <td>Initially make sure that the Sticky element is not over a referenced element via the page's location hash. The offset defines by how far the element will be above the referenced element. `false` will disable this behavior.</td>
401
401
  </tr>
package/tests/svg.html CHANGED
@@ -54,7 +54,7 @@
54
54
  <tr>
55
55
  <td><code>src</code></td>
56
56
  <td>String</td>
57
- <td>''</td>
57
+ <td></td>
58
58
  <td>The SVG source url. If a location hash is present, only the &lt;symbol&lt; of the SVG with the given ID is shown.</td>
59
59
  </tr>
60
60
  <tr>
package/tests/tab.html CHANGED
@@ -205,7 +205,7 @@
205
205
  </tr>
206
206
  <tr>
207
207
  <td><code>media</code></td>
208
- <td>Number|String</td>
208
+ <td>Number, String</td>
209
209
  <td>960</td>
210
210
  <td>When to become horizontal - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl).</td>
211
211
  </tr>
package/tests/toggle.html CHANGED
@@ -142,9 +142,9 @@
142
142
  </tr>
143
143
  <tr>
144
144
  <td><code>mode</code></td>
145
- <td>hover | click | media</td>
145
+ <td>String</td>
146
146
  <td>click</td>
147
- <td>Comma-separated list of trigger behaviour modes.</td>
147
+ <td>Comma-separated list of trigger behaviour modes (hover, click, media).</td>
148
148
  </tr>
149
149
  <tr>
150
150
  <td><code>media</code></td>
package/tests/tooltip.html CHANGED
@@ -71,13 +71,13 @@
71
71
  <tr>
72
72
  <td><code>title</code></td>
73
73
  <td>String</td>
74
- <td>''</td>
74
+ <td></td>
75
75
  <td>Tooltip title.</td>
76
76
  </tr>
77
77
  <tr>
78
78
  <td><code>pos</code></td>
79
79
  <td>String</td>
80
- <td>'top-center'</td>
80
+ <td>top-center</td>
81
81
  <td>Tooltip position.</td>
82
82
  </tr>
83
83
  <tr>
package/tests/upload.html CHANGED
@@ -114,7 +114,7 @@
114
114
  <tr>
115
115
  <td><code>url</code></td>
116
116
  <td>String</td>
117
- <td>''</td>
117
+ <td></td>
118
118
  <td>The request url.</td>
119
119
  </tr>
120
120
  <tr>
@@ -126,7 +126,7 @@
126
126
  <tr>
127
127
  <td><code>name</code></td>
128
128
  <td>String</td>
129
- <td>'files[]'</td>
129
+ <td>files[]</td>
130
130
  <td>The name parameter.</td>
131
131
  </tr>
132
132
  <tr>
@@ -168,8 +168,8 @@
168
168
  <tr>
169
169
  <td><code>type</code></td>
170
170
  <td>String</td>
171
- <td>(xml, json, script, or html)</td>
172
- <td>The expected response data type.</td>
171
+ <td></td>
172
+ <td>The expected response data type (xml, json, script, or html).</td>
173
173
  </tr>
174
174
  <tr>
175
175
  <td><code>i18n</code></td>
@@ -180,73 +180,73 @@
180
180
  <tr>
181
181
  <td><code>cls-dragover</code></td>
182
182
  <td>String</td>
183
- <td>'uk-dragover'</td>
183
+ <td>uk-dragover</td>
184
184
  <td>File name filter.</td>
185
185
  </tr>
186
186
  <tr>
187
187
  <td><code>abort</code></td>
188
188
  <td>Function</td>
189
- <td>null</td>
189
+ <td></td>
190
190
  <td>The abort callback.</td>
191
191
  </tr>
192
192
  <tr>
193
193
  <td><code>before-all</code></td>
194
194
  <td>Function</td>
195
- <td>null</td>
195
+ <td></td>
196
196
  <td>The beforeAll callback.</td>
197
197
  </tr>
198
198
  <tr>
199
199
  <td><code>before-send</code></td>
200
200
  <td>Function</td>
201
- <td>null</td>
201
+ <td></td>
202
202
  <td>The beforeSend callback.</td>
203
203
  </tr>
204
204
  <tr>
205
205
  <td><code>complete</code></td>
206
206
  <td>Function</td>
207
- <td>null</td>
207
+ <td></td>
208
208
  <td>The complete callback.</td>
209
209
  </tr>
210
210
  <tr>
211
211
  <td><code>complete-all</code></td>
212
212
  <td>Function</td>
213
- <td>null</td>
213
+ <td></td>
214
214
  <td>The completeAll callback.</td>
215
215
  </tr>
216
216
  <tr>
217
217
  <td><code>error</code></td>
218
218
  <td>Function</td>
219
- <td>null</td>
219
+ <td></td>
220
220
  <td>The error callback.</td>
221
221
  </tr>
222
222
  <tr>
223
223
  <td><code>load</code></td>
224
224
  <td>Function</td>
225
- <td>null</td>
225
+ <td></td>
226
226
  <td>The load callback.</td>
227
227
  </tr>
228
228
  <tr>
229
229
  <td><code>load-end</code></td>
230
230
  <td>Function</td>
231
- <td>null</td>
231
+ <td></td>
232
232
  <td>The loadEnd callback.</td>
233
233
  </tr>
234
234
  <tr>
235
235
  <td><code>load-start</code></td>
236
236
  <td>Function</td>
237
- <td>null</td>
237
+ <td></td>
238
238
  <td>The loadStart callback.</td>
239
239
  </tr>
240
240
  <tr>
241
241
  <td><code>progress</code></td>
242
242
  <td>Function</td>
243
- <td>null</td>
243
+ <td></td>
244
244
  <td>The progress callback.</td>
245
245
  </tr>
246
246
  <tr>
247
247
  <td><code>fail</code></td>
248
248
  <td>Function</td>
249
- <td>alert</td>
249
+ <td></td>
250
250
  <td>The fail callback. If name or MIME type are invalid.</td>
251
251
  </tr>
252
252
  </tbody>
package/tests/utility.html CHANGED
@@ -216,13 +216,13 @@
216
216
  </thead>
217
217
  <tbody>
218
218
  <tr>
219
- <td><code>selContainer</code></td>
219
+ <td><code>sel-container</code></td>
220
220
  <td>CSS selector</td>
221
221
  <td><code>.uk-modal</code></td>
222
222
  <td>The container element which provides the height.</td>
223
223
  </tr>
224
224
  <tr>
225
- <td><code>selContent</code></td>
225
+ <td><code>sel-content</code></td>
226
226
  <td>CSS selector</td>
227
227
  <td><code>.uk-modal-dialog</code></td>
228
228
  <td>The element which wraps the inner content to provide its height.</td>
package/tests/video.html CHANGED
@@ -46,14 +46,14 @@
46
46
  <tbody>
47
47
  <tr>
48
48
  <td><code>autoplay</code></td>
49
- <td>Boolean|String</td>
50
- <td><code>true</code></td>
49
+ <td>Boolean, String</td>
50
+ <td>true</td>
51
51
  <td>The video automatically plays/pauses when visible/hidden on the page. A value of `inview` will delay loading the video and play/pause the video as it enters/leaves the viewport.</td>
52
52
  </tr>
53
53
  <tr>
54
54
  <td><code>automute</code></td>
55
55
  <td>Boolean</td>
56
- <td><code>false</code></td>
56
+ <td>false</td>
57
57
  <td>Automatically mute YouTube or Vimeo videos.</td>
58
58
  </tr>
59
59
  </tbody>