uikit 3.25.26 → 3.25.27-dev.9e97c1f

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 (226) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/build/prefix.js +1 -1
  3. package/build/publishDev.js +1 -1
  4. package/build/scope.js +1 -1
  5. package/build/scss.js +1 -1
  6. package/build/util.js +0 -2
  7. package/dist/css/uikit-core-rtl.css +1327 -1204
  8. package/dist/css/uikit-core-rtl.min.css +1 -1
  9. package/dist/css/uikit-core.css +1327 -1204
  10. package/dist/css/uikit-core.min.css +1 -1
  11. package/dist/css/uikit-rtl.css +1339 -1223
  12. package/dist/css/uikit-rtl.min.css +1 -1
  13. package/dist/css/uikit.css +1339 -1223
  14. package/dist/css/uikit.min.css +1 -1
  15. package/dist/js/components/countdown.js +1 -1
  16. package/dist/js/components/countdown.min.js +1 -1
  17. package/dist/js/components/filter.js +1 -1
  18. package/dist/js/components/filter.min.js +1 -1
  19. package/dist/js/components/lightbox-panel.js +149 -146
  20. package/dist/js/components/lightbox-panel.min.js +1 -1
  21. package/dist/js/components/lightbox.js +150 -147
  22. package/dist/js/components/lightbox.min.js +1 -1
  23. package/dist/js/components/marquee.js +215 -0
  24. package/dist/js/components/marquee.min.js +1 -0
  25. package/dist/js/components/notification.js +8 -6
  26. package/dist/js/components/notification.min.js +1 -1
  27. package/dist/js/components/parallax.js +8 -12
  28. package/dist/js/components/parallax.min.js +1 -1
  29. package/dist/js/components/slider-parallax.js +8 -12
  30. package/dist/js/components/slider-parallax.min.js +1 -1
  31. package/dist/js/components/slider.js +65 -26
  32. package/dist/js/components/slider.min.js +1 -1
  33. package/dist/js/components/slideshow-parallax.js +8 -12
  34. package/dist/js/components/slideshow-parallax.min.js +1 -1
  35. package/dist/js/components/slideshow.js +95 -103
  36. package/dist/js/components/slideshow.min.js +1 -1
  37. package/dist/js/components/sortable.js +1 -1
  38. package/dist/js/components/sortable.min.js +1 -1
  39. package/dist/js/components/tooltip.js +15 -17
  40. package/dist/js/components/tooltip.min.js +1 -1
  41. package/dist/js/components/upload.js +1 -1
  42. package/dist/js/components/upload.min.js +1 -1
  43. package/dist/js/uikit-core.js +888 -337
  44. package/dist/js/uikit-core.min.js +1 -1
  45. package/dist/js/uikit-icons.js +1 -1
  46. package/dist/js/uikit-icons.min.js +1 -1
  47. package/dist/js/uikit.js +766 -433
  48. package/dist/js/uikit.min.js +1 -1
  49. package/package.json +1 -1
  50. package/src/js/api/component.js +2 -3
  51. package/src/js/api/observables.js +16 -4
  52. package/src/js/api/options.js +6 -3
  53. package/src/js/api/props.js +1 -3
  54. package/src/js/api/state.js +7 -8
  55. package/src/js/components/index.js +1 -0
  56. package/src/js/components/internal/lightbox-animations.js +7 -26
  57. package/src/js/components/internal/slider-preload.js +1 -0
  58. package/src/js/components/internal/slideshow-animations.js +15 -62
  59. package/src/js/components/lightbox-panel.js +123 -109
  60. package/src/js/components/lightbox.js +5 -8
  61. package/src/js/components/marquee.js +156 -0
  62. package/src/js/components/notification.js +7 -5
  63. package/src/js/core/accordion.js +62 -31
  64. package/src/js/core/alert.js +1 -1
  65. package/src/js/core/drop.js +4 -3
  66. package/src/js/core/dropnav.js +13 -32
  67. package/src/js/core/grid.js +5 -19
  68. package/src/js/core/margin.js +3 -0
  69. package/src/js/core/overflow-auto.js +5 -1
  70. package/src/js/core/sticky.js +1 -1
  71. package/src/js/core/switcher.js +18 -62
  72. package/src/js/core/video.js +236 -21
  73. package/src/js/mixin/connect.js +90 -0
  74. package/src/js/mixin/internal/slideshow-animations.js +5 -13
  75. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  76. package/src/js/mixin/parallax.js +1 -4
  77. package/src/js/mixin/position.js +1 -1
  78. package/src/js/mixin/scroll-driven.js +57 -0
  79. package/src/js/mixin/slider-nav.js +2 -12
  80. package/src/js/mixin/slider-parallax.js +9 -38
  81. package/src/js/mixin/togglable.js +13 -14
  82. package/src/js/util/attr.js +7 -7
  83. package/src/js/util/dom.js +3 -4
  84. package/src/js/util/keys.js +14 -0
  85. package/src/js/util/lang.js +2 -2
  86. package/src/js/util/player.js +4 -2
  87. package/src/js/util/style.js +12 -13
  88. package/src/js/util/viewport.js +22 -25
  89. package/src/less/components/_import.less +8 -3
  90. package/src/less/components/animation.less +1 -1
  91. package/src/less/components/base.less +1 -1
  92. package/src/less/components/button.less +1 -1
  93. package/src/less/components/card.less +8 -8
  94. package/src/less/components/dropcap.less +71 -0
  95. package/src/less/components/floating-shadow.less +66 -0
  96. package/src/less/components/form.less +15 -15
  97. package/src/less/components/grid.less +58 -65
  98. package/src/less/components/lightbox.less +2 -8
  99. package/src/less/components/logo.less +94 -0
  100. package/src/less/components/margin.less +155 -124
  101. package/src/less/components/marquee.less +133 -0
  102. package/src/less/components/modal.less +1 -4
  103. package/src/less/components/nav.less +1 -1
  104. package/src/less/components/navbar.less +1 -1
  105. package/src/less/components/padding.less +9 -9
  106. package/src/less/components/position.less +9 -4
  107. package/src/less/components/search.less +1 -1
  108. package/src/less/components/slideshow.less +1 -4
  109. package/src/less/components/switcher.less +5 -2
  110. package/src/less/components/table.less +4 -4
  111. package/src/less/components/text.less +10 -4
  112. package/src/less/components/utility.less +0 -163
  113. package/src/less/components/visibility.less +4 -4
  114. package/src/less/theme/_import.less +6 -2
  115. package/src/less/theme/alert.less +0 -5
  116. package/src/less/theme/dropcap.less +29 -0
  117. package/src/less/theme/floating-shadow.less +20 -0
  118. package/src/less/theme/logo.less +29 -0
  119. package/src/less/theme/marquee.less +14 -0
  120. package/src/less/theme/thumbnav.less +1 -4
  121. package/src/less/theme/utility.less +0 -32
  122. package/src/scss/components/_import.scss +8 -3
  123. package/src/scss/components/animation.scss +1 -1
  124. package/src/scss/components/base.scss +1 -1
  125. package/src/scss/components/button.scss +1 -1
  126. package/src/scss/components/card.scss +8 -8
  127. package/src/scss/components/dropcap.scss +63 -0
  128. package/src/scss/components/floating-shadow.scss +63 -0
  129. package/src/scss/components/form.scss +14 -14
  130. package/src/scss/components/grid.scss +57 -64
  131. package/src/scss/components/lightbox.scss +2 -8
  132. package/src/scss/components/logo.scss +75 -0
  133. package/src/scss/components/margin.scss +155 -124
  134. package/src/scss/components/marquee.scss +136 -0
  135. package/src/scss/components/modal.scss +1 -4
  136. package/src/scss/components/nav.scss +1 -1
  137. package/src/scss/components/navbar.scss +1 -1
  138. package/src/scss/components/padding.scss +9 -9
  139. package/src/scss/components/position.scss +9 -4
  140. package/src/scss/components/search.scss +1 -1
  141. package/src/scss/components/slideshow.scss +1 -4
  142. package/src/scss/components/switcher.scss +5 -2
  143. package/src/scss/components/table.scss +4 -4
  144. package/src/scss/components/text.scss +10 -4
  145. package/src/scss/components/utility.scss +0 -129
  146. package/src/scss/components/visibility.scss +4 -4
  147. package/src/scss/mixins-theme.scss +44 -43
  148. package/src/scss/mixins.scss +40 -31
  149. package/src/scss/variables-theme.scss +14 -14
  150. package/src/scss/variables.scss +14 -14
  151. package/tests/accordion.html +77 -10
  152. package/tests/alert.html +1 -1
  153. package/tests/align.html +5 -5
  154. package/tests/animation.html +4 -4
  155. package/tests/article.html +7 -7
  156. package/tests/background.html +2 -2
  157. package/tests/badge.html +1 -1
  158. package/tests/base.html +2 -2
  159. package/tests/button.html +1 -1
  160. package/tests/card.html +15 -15
  161. package/tests/close.html +2 -2
  162. package/tests/comment.html +9 -9
  163. package/tests/container.html +2 -2
  164. package/tests/countdown.html +21 -21
  165. package/tests/cover.html +3 -3
  166. package/tests/description-list.html +1 -1
  167. package/tests/divider.html +3 -3
  168. package/tests/dotnav.html +1 -1
  169. package/tests/drop.html +7 -7
  170. package/tests/dropbar.html +5 -5
  171. package/tests/dropcap.html +26 -0
  172. package/tests/dropdown.html +1 -1
  173. package/tests/dropnav.html +18 -18
  174. package/tests/filter.html +3 -3
  175. package/tests/floating-shadow.html +44 -0
  176. package/tests/form.html +14 -14
  177. package/tests/grid.html +41 -47
  178. package/tests/heading.html +2 -2
  179. package/tests/height-viewport.html +4 -4
  180. package/tests/height.html +5 -5
  181. package/tests/icon.html +8 -8
  182. package/tests/image.html +6 -6
  183. package/tests/index.html +13 -13
  184. package/tests/js/index.js +1 -1
  185. package/tests/leader.html +5 -5
  186. package/tests/lightbox.html +6 -6
  187. package/tests/link.html +1 -1
  188. package/tests/list.html +4 -4
  189. package/tests/logo.html +84 -0
  190. package/tests/margin.html +59 -7
  191. package/tests/marker.html +3 -3
  192. package/tests/marquee.html +617 -0
  193. package/tests/modal.html +3 -3
  194. package/tests/nav.html +5 -5
  195. package/tests/navbar.html +27 -27
  196. package/tests/notification.html +8 -2
  197. package/tests/offcanvas.html +12 -12
  198. package/tests/overlay.html +3 -3
  199. package/tests/padding.html +1 -1
  200. package/tests/pagination.html +3 -3
  201. package/tests/parallax.html +1 -1
  202. package/tests/position.html +6 -6
  203. package/tests/scrollspy.html +13 -13
  204. package/tests/search.html +5 -5
  205. package/tests/section.html +17 -17
  206. package/tests/slidenav.html +3 -3
  207. package/tests/slider.html +5 -5
  208. package/tests/slideshow.html +33 -3
  209. package/tests/sortable.html +15 -15
  210. package/tests/sticky-navbar.html +4 -4
  211. package/tests/sticky-parallax.html +3 -3
  212. package/tests/sticky.html +3 -3
  213. package/tests/svg.html +3 -2
  214. package/tests/switcher.html +7 -7
  215. package/tests/tab.html +5 -5
  216. package/tests/text.html +9 -3
  217. package/tests/tile.html +4 -4
  218. package/tests/toggle.html +1 -1
  219. package/tests/tooltip.html +3 -3
  220. package/tests/totop.html +2 -2
  221. package/tests/transition.html +1 -1
  222. package/tests/upload.html +5 -5
  223. package/tests/utility.html +16 -116
  224. package/tests/video.html +224 -24
  225. package/tests/visibility.html +4 -4
  226. package/tests/width.html +12 -12
@@ -217,11 +217,17 @@ td.uk-text-truncate { max-width: 0; }
217
217
  * Note: Not using `hyphens: auto` because it hyphenates text even if not needed.
218
218
  */
219
219
 
220
- .uk-text-break { overflow-wrap: break-word; }
220
+ .uk-text-break { overflow-wrap: break-word; }
221
221
 
222
- /* 1 */
223
- th.uk-text-break,
224
- td.uk-text-break { word-break: break-word; }
222
+ /* 1 */
223
+ th.uk-text-break,
224
+ td.uk-text-break { word-break: break-word; }
225
+
226
+ /*
227
+ * Balance text when wrapping onto multiple lines
228
+ */
229
+
230
+ .uk-text-balance { text-wrap: balance; }
225
231
 
226
232
 
227
233
  /* Stroke modifiers
@@ -16,9 +16,6 @@
16
16
  // `uk-object-*`
17
17
  // `uk-border-*`
18
18
  // `uk-box-shadow-*`
19
- // `uk-box-shadow-bottom`
20
- // `uk-dropcap`
21
- // `uk-logo`
22
19
  // `uk-blend-*`
23
20
  // `uk-transform-*`
24
21
  // `uk-transform-origin-*`
@@ -40,9 +37,6 @@
40
37
 
41
38
 
42
39
 
43
-
44
-
45
-
46
40
  /* ========================================================================
47
41
  Component: Utility
48
42
  ========================================================================== */
@@ -347,114 +341,6 @@
347
341
  .uk-box-shadow-hover-xlarge:hover { box-shadow: $global-xlarge-box-shadow; }
348
342
 
349
343
 
350
- /* Box-shadow bottom
351
- ========================================================================== */
352
-
353
- /*
354
- * 1. Set position.
355
- * 2. Set style
356
- * 3. Fix shadow being clipped in Safari if container is animated
357
- */
358
-
359
- @supports (filter: blur(0)) {
360
-
361
- .uk-box-shadow-bottom {
362
- display: inline-block;
363
- position: relative;
364
- z-index: 0;
365
- max-width: 100%;
366
- vertical-align: middle;
367
- }
368
-
369
- .uk-box-shadow-bottom::after {
370
- content: "";
371
- /* 1 */
372
- position: absolute;
373
- bottom: $box-shadow-bottom-bottom;
374
- left: 0;
375
- right: 0;
376
- z-index: -1;
377
- /* 2 */
378
- height: $box-shadow-bottom-height;
379
- border-radius: $box-shadow-bottom-border-radius;
380
- background: $box-shadow-bottom-background;
381
- filter: blur($box-shadow-bottom-blur);
382
- /* 3 */
383
- will-change: filter;
384
- @if(meta.mixin-exists(hook-box-shadow-bottom)) {@include hook-box-shadow-bottom();}
385
- }
386
-
387
- }
388
-
389
-
390
- /* Drop cap
391
- ========================================================================== */
392
-
393
- /*
394
- * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
395
- * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
396
- * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
397
- * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
398
- */
399
-
400
- .uk-dropcap::first-letter,
401
- /* 1 */
402
- .uk-dropcap > p:first-of-type::first-letter {
403
- display: block;
404
- margin-right: $dropcap-margin-right;
405
- float: left;
406
- font-size: $dropcap-font-size;
407
- line-height: $dropcap-line-height;
408
- @if(meta.mixin-exists(hook-dropcap)) {@include hook-dropcap();}
409
- }
410
-
411
- /* 2 */
412
- @-moz-document url-prefix() {
413
-
414
- .uk-dropcap::first-letter,
415
- .uk-dropcap > p:first-of-type::first-letter { margin-top: 1.1%; }
416
-
417
- }
418
-
419
-
420
- /* Logo
421
- ========================================================================== */
422
-
423
- /*
424
- * 1. Style
425
- * 2. Required for `a`
426
- * 3. Behave like image but can be overridden through flex utility classes
427
- */
428
-
429
- .uk-logo {
430
- /* 1 */
431
- font-size: $logo-font-size;
432
- font-family: $logo-font-family;
433
- color: $logo-color;
434
- /* 2 */
435
- text-decoration: none;
436
- @if(meta.mixin-exists(hook-logo)) {@include hook-logo();}
437
- }
438
-
439
- /* 3 */
440
- :where(.uk-logo) {
441
- display: inline-block;
442
- vertical-align: middle;
443
- }
444
-
445
- /* Hover */
446
- .uk-logo:hover {
447
- color: $logo-hover-color;
448
- /* 1 */
449
- text-decoration: none;
450
- @if(meta.mixin-exists(hook-logo-hover)) {@include hook-logo-hover();}
451
- }
452
-
453
- .uk-logo :where(img, svg, video) { display: block; }
454
-
455
- .uk-logo-inverse { display: none; }
456
-
457
-
458
344
  /* Disabled State
459
345
  ========================================================================== */
460
346
 
@@ -532,19 +418,4 @@
532
418
  @if(meta.mixin-exists(hook-utility-misc)) {@include hook-utility-misc();}
533
419
 
534
420
  // @mixin hook-panel-scrollable(){}
535
- // @mixin hook-box-shadow-bottom(){}
536
- // @mixin hook-dropcap(){}
537
- // @mixin hook-logo(){}
538
- // @mixin hook-logo-hover(){}
539
421
  // @mixin hook-utility-misc(){}
540
-
541
-
542
- // Inverse
543
- // ========================================================================
544
-
545
-
546
-
547
-
548
- // @mixin hook-inverse-dropcap(){}
549
- // @mixin hook-inverse-logo(){}
550
- // @mixin hook-inverse-logo-hover(){}
@@ -116,10 +116,10 @@
116
116
  * Note: `clip-path` doesn't work with `tabindex` on touch devices.
117
117
  */
118
118
 
119
- .uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
120
- .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)),
119
+ .uk-hidden-visually:not(:focus, :active, :focus-within),
120
+ .uk-visible-toggle:not(:hover, :focus) .uk-hidden-hover:not(:focus-visible, :has(:focus-visible)),
121
121
  // Fallback for Safari 18.3 `:not(:has(...)) invalidation` bug. Remove when fixed.
122
- .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
122
+ .uk-visible-toggle:not(:hover, :focus) .uk-hidden-hover:not(:focus-within) {
123
123
  /* 1 */
124
124
  position: absolute !important;
125
125
  /* 2 */
@@ -137,7 +137,7 @@
137
137
  * Note: `clip-path` doesn't work with hover for elements outside of the toggle box.
138
138
  */
139
139
 
140
- .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { opacity: 0 !important; }
140
+ .uk-visible-toggle:not(:hover, :focus) .uk-invisible-hover:not(:focus-within) { opacity: 0 !important; }
141
141
 
142
142
 
143
143
  /* Based on Hover Capability of the Pointing Device
@@ -81,11 +81,6 @@
81
81
  text-decoration: underline;
82
82
  }
83
83
 
84
- .uk-alert a:not([class]):hover {
85
- color: inherit;
86
- text-decoration: underline;
87
- }
88
-
89
84
  }
90
85
  @mixin hook-align-misc(){}
91
86
  @mixin hook-animation-misc(){}
@@ -824,6 +819,20 @@
824
819
  @mixin hook-dropbar-left(){ box-shadow: $dropbar-left-box-shadow; }
825
820
  @mixin hook-dropbar-right(){ box-shadow: $dropbar-right-box-shadow; }
826
821
  @mixin hook-dropbar-misc(){}
822
+ @mixin hook-dropcap(){
823
+ // Prevent line wrap
824
+ margin-bottom: -2px;
825
+ }
826
+ @mixin hook-dropcap-misc(){}
827
+ @mixin hook-inverse-dropcap(){}
828
+ @mixin hook-inverse-component-dropcap(){
829
+
830
+ .uk-dropcap::first-letter,
831
+ .uk-dropcap p:first-of-type::first-letter {
832
+ @if(meta.mixin-exists(hook-inverse-dropcap)) {@include hook-inverse-dropcap();}
833
+ }
834
+
835
+ }
827
836
  @mixin hook-dropdown(){ box-shadow: $dropdown-box-shadow; }
828
837
  @mixin hook-dropdown-dropbar(){ box-shadow: none; }
829
838
  @mixin hook-dropdown-dropbar-large(){}
@@ -836,6 +845,8 @@
836
845
  @mixin hook-dropdown-misc(){}
837
846
  @mixin hook-dropnav-misc(){}
838
847
  @mixin hook-flex-misc(){}
848
+ @mixin hook-floating-shadow(){}
849
+ @mixin hook-floating-shadow-misc(){}
839
850
  @mixin hook-form-range(){}
840
851
  @mixin hook-form-range-track(){ border-radius: $form-range-track-border-radius; }
841
852
  @mixin hook-form-range-track-focus(){}
@@ -953,7 +964,7 @@
953
964
  // Select
954
965
  //
955
966
 
956
- .uk-select:not([multiple]):not([size]) { @include svg-fill($internal-form-select-image, "#000", $inverse-form-select-icon-color); }
967
+ .uk-select:not([multiple], [size]) { @include svg-fill($internal-form-select-image, "#000", $inverse-form-select-icon-color); }
957
968
 
958
969
  //
959
970
  // Datalist
@@ -1025,7 +1036,7 @@
1025
1036
  @if(meta.mixin-exists(hook-inverse-grid-divider-horizontal)) {@include hook-inverse-grid-divider-horizontal();}
1026
1037
  }
1027
1038
 
1028
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
1039
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
1029
1040
  border-top-color: $inverse-grid-divider-border;
1030
1041
  @if(meta.mixin-exists(hook-inverse-grid-divider-vertical)) {@include hook-inverse-grid-divider-vertical();}
1031
1042
  }
@@ -1325,6 +1336,27 @@
1325
1336
 
1326
1337
  .uk-list-striped > :nth-of-type(odd) { background-color: $inverse-list-striped-background; }
1327
1338
 
1339
+ }
1340
+ @mixin hook-logo(){}
1341
+ @mixin hook-logo-hover(){}
1342
+ @mixin hook-logo-misc(){}
1343
+ @mixin hook-inverse-logo(){}
1344
+ @mixin hook-inverse-logo-hover(){}
1345
+ @mixin hook-inverse-component-logo(){
1346
+
1347
+ .uk-logo {
1348
+ color: $inverse-logo-color;
1349
+ @if(meta.mixin-exists(hook-inverse-logo)) {@include hook-inverse-logo();}
1350
+ }
1351
+
1352
+ .uk-logo:hover {
1353
+ color: $inverse-logo-hover-color;
1354
+ @if(meta.mixin-exists(hook-inverse-logo-hover)) {@include hook-inverse-logo-hover();}
1355
+ }
1356
+
1357
+ .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]) { display: none; }
1358
+ .uk-logo-inverse:not([uk-svg]) { display: block; }
1359
+
1328
1360
  }
1329
1361
  @mixin hook-margin-misc(){}
1330
1362
  @mixin hook-marker(){
@@ -1348,6 +1380,8 @@
1348
1380
  }
1349
1381
 
1350
1382
  }
1383
+ @mixin hook-marquee(){}
1384
+ @mixin hook-marquee-misc(){}
1351
1385
  @mixin hook-modal(){}
1352
1386
  @mixin hook-modal-dialog(){}
1353
1387
  @mixin hook-modal-full(){}
@@ -2166,10 +2200,7 @@
2166
2200
  &::after {
2167
2201
  content: "";
2168
2202
  position: absolute;
2169
- top: 0;
2170
- bottom: 0;
2171
- left: 0;
2172
- right: 0;
2203
+ inset: 0;
2173
2204
  background-image: $thumbnav-item-gradient;
2174
2205
  transition: opacity 0.1s ease-in-out;
2175
2206
  }
@@ -2241,38 +2272,7 @@
2241
2272
  }
2242
2273
  @mixin hook-transition-misc(){}
2243
2274
  @mixin hook-panel-scrollable(){}
2244
- @mixin hook-box-shadow-bottom(){}
2245
- @mixin hook-dropcap(){
2246
- // Prevent line wrap
2247
- margin-bottom: -2px;
2248
- }
2249
- @mixin hook-logo(){}
2250
- @mixin hook-logo-hover(){}
2251
2275
  @mixin hook-utility-misc(){}
2252
- @mixin hook-inverse-dropcap(){}
2253
- @mixin hook-inverse-logo(){}
2254
- @mixin hook-inverse-logo-hover(){}
2255
- @mixin hook-inverse-component-utility(){
2256
-
2257
- .uk-dropcap::first-letter,
2258
- .uk-dropcap p:first-of-type::first-letter {
2259
- @if(meta.mixin-exists(hook-inverse-dropcap)) {@include hook-inverse-dropcap();}
2260
- }
2261
-
2262
- .uk-logo {
2263
- color: $inverse-logo-color;
2264
- @if(meta.mixin-exists(hook-inverse-logo)) {@include hook-inverse-logo();}
2265
- }
2266
-
2267
- .uk-logo:hover {
2268
- color: $inverse-logo-hover-color;
2269
- @if(meta.mixin-exists(hook-inverse-logo-hover)) {@include hook-inverse-logo-hover();}
2270
- }
2271
-
2272
- .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) { display: none; }
2273
- .uk-logo-inverse { display: block; }
2274
-
2275
- }
2276
2276
  @mixin hook-visibility-misc(){}
2277
2277
  @mixin hook-width-misc(){}
2278
2278
  @mixin hook-inverse() {
@@ -2288,6 +2288,7 @@
2288
2288
  @include hook-inverse-component-countdown();
2289
2289
  @include hook-inverse-component-divider();
2290
2290
  @include hook-inverse-component-dotnav();
2291
+ @include hook-inverse-component-dropcap();
2291
2292
  @include hook-inverse-component-form-range();
2292
2293
  @include hook-inverse-component-form();
2293
2294
  @include hook-inverse-component-grid();
@@ -2298,6 +2299,7 @@
2298
2299
  @include hook-inverse-component-leader();
2299
2300
  @include hook-inverse-component-link();
2300
2301
  @include hook-inverse-component-list();
2302
+ @include hook-inverse-component-logo();
2301
2303
  @include hook-inverse-component-marker();
2302
2304
  @include hook-inverse-component-nav();
2303
2305
  @include hook-inverse-component-navbar();
@@ -2310,5 +2312,4 @@
2310
2312
  @include hook-inverse-component-text();
2311
2313
  @include hook-inverse-component-thumbnav();
2312
2314
  @include hook-inverse-component-totop();
2313
- @include hook-inverse-component-utility();
2314
2315
  }
@@ -604,6 +604,17 @@
604
604
  @mixin hook-dropbar-left(){}
605
605
  @mixin hook-dropbar-right(){}
606
606
  @mixin hook-dropbar-misc(){}
607
+ @mixin hook-dropcap(){}
608
+ @mixin hook-dropcap-misc(){}
609
+ @mixin hook-inverse-dropcap(){}
610
+ @mixin hook-inverse-component-dropcap(){
611
+
612
+ .uk-dropcap::first-letter,
613
+ .uk-dropcap p:first-of-type::first-letter {
614
+ @if(meta.mixin-exists(hook-inverse-dropcap)) {@include hook-inverse-dropcap();}
615
+ }
616
+
617
+ }
607
618
  @mixin hook-dropdown(){}
608
619
  @mixin hook-dropdown-dropbar(){}
609
620
  @mixin hook-dropdown-dropbar-large(){}
@@ -616,6 +627,8 @@
616
627
  @mixin hook-dropdown-misc(){}
617
628
  @mixin hook-dropnav-misc(){}
618
629
  @mixin hook-flex-misc(){}
630
+ @mixin hook-floating-shadow(){}
631
+ @mixin hook-floating-shadow-misc(){}
619
632
  @mixin hook-form-range(){}
620
633
  @mixin hook-form-range-track(){}
621
634
  @mixin hook-form-range-track-focus(){}
@@ -719,7 +732,7 @@
719
732
  // Select
720
733
  //
721
734
 
722
- .uk-select:not([multiple]):not([size]) { @include svg-fill($internal-form-select-image, "#000", $inverse-form-select-icon-color); }
735
+ .uk-select:not([multiple], [size]) { @include svg-fill($internal-form-select-image, "#000", $inverse-form-select-icon-color); }
723
736
 
724
737
  //
725
738
  // Datalist
@@ -791,7 +804,7 @@
791
804
  @if(meta.mixin-exists(hook-inverse-grid-divider-horizontal)) {@include hook-inverse-grid-divider-horizontal();}
792
805
  }
793
806
 
794
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
807
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
795
808
  border-top-color: $inverse-grid-divider-border;
796
809
  @if(meta.mixin-exists(hook-inverse-grid-divider-vertical)) {@include hook-inverse-grid-divider-vertical();}
797
810
  }
@@ -1064,6 +1077,27 @@
1064
1077
 
1065
1078
  .uk-list-striped > :nth-of-type(odd) { background-color: $inverse-list-striped-background; }
1066
1079
 
1080
+ }
1081
+ @mixin hook-logo(){}
1082
+ @mixin hook-logo-hover(){}
1083
+ @mixin hook-logo-misc(){}
1084
+ @mixin hook-inverse-logo(){}
1085
+ @mixin hook-inverse-logo-hover(){}
1086
+ @mixin hook-inverse-component-logo(){
1087
+
1088
+ .uk-logo {
1089
+ color: $inverse-logo-color;
1090
+ @if(meta.mixin-exists(hook-inverse-logo)) {@include hook-inverse-logo();}
1091
+ }
1092
+
1093
+ .uk-logo:hover {
1094
+ color: $inverse-logo-hover-color;
1095
+ @if(meta.mixin-exists(hook-inverse-logo-hover)) {@include hook-inverse-logo-hover();}
1096
+ }
1097
+
1098
+ .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]) { display: none; }
1099
+ .uk-logo-inverse:not([uk-svg]) { display: block; }
1100
+
1067
1101
  }
1068
1102
  @mixin hook-margin-misc(){}
1069
1103
  @mixin hook-marker(){}
@@ -1085,6 +1119,8 @@
1085
1119
  }
1086
1120
 
1087
1121
  }
1122
+ @mixin hook-marquee(){}
1123
+ @mixin hook-marquee-misc(){}
1088
1124
  @mixin hook-modal(){}
1089
1125
  @mixin hook-modal-dialog(){}
1090
1126
  @mixin hook-modal-full(){}
@@ -1849,35 +1885,7 @@
1849
1885
  }
1850
1886
  @mixin hook-transition-misc(){}
1851
1887
  @mixin hook-panel-scrollable(){}
1852
- @mixin hook-box-shadow-bottom(){}
1853
- @mixin hook-dropcap(){}
1854
- @mixin hook-logo(){}
1855
- @mixin hook-logo-hover(){}
1856
1888
  @mixin hook-utility-misc(){}
1857
- @mixin hook-inverse-dropcap(){}
1858
- @mixin hook-inverse-logo(){}
1859
- @mixin hook-inverse-logo-hover(){}
1860
- @mixin hook-inverse-component-utility(){
1861
-
1862
- .uk-dropcap::first-letter,
1863
- .uk-dropcap p:first-of-type::first-letter {
1864
- @if(meta.mixin-exists(hook-inverse-dropcap)) {@include hook-inverse-dropcap();}
1865
- }
1866
-
1867
- .uk-logo {
1868
- color: $inverse-logo-color;
1869
- @if(meta.mixin-exists(hook-inverse-logo)) {@include hook-inverse-logo();}
1870
- }
1871
-
1872
- .uk-logo:hover {
1873
- color: $inverse-logo-hover-color;
1874
- @if(meta.mixin-exists(hook-inverse-logo-hover)) {@include hook-inverse-logo-hover();}
1875
- }
1876
-
1877
- .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) { display: none; }
1878
- .uk-logo-inverse { display: block; }
1879
-
1880
- }
1881
1889
  @mixin hook-visibility-misc(){}
1882
1890
  @mixin hook-width-misc(){}
1883
1891
  @mixin hook-inverse() {
@@ -1893,6 +1901,7 @@
1893
1901
  @include hook-inverse-component-countdown();
1894
1902
  @include hook-inverse-component-divider();
1895
1903
  @include hook-inverse-component-dotnav();
1904
+ @include hook-inverse-component-dropcap();
1896
1905
  @include hook-inverse-component-form-range();
1897
1906
  @include hook-inverse-component-form();
1898
1907
  @include hook-inverse-component-grid();
@@ -1903,6 +1912,7 @@
1903
1912
  @include hook-inverse-component-leader();
1904
1913
  @include hook-inverse-component-link();
1905
1914
  @include hook-inverse-component-list();
1915
+ @include hook-inverse-component-logo();
1906
1916
  @include hook-inverse-component-marker();
1907
1917
  @include hook-inverse-component-nav();
1908
1918
  @include hook-inverse-component-navbar();
@@ -1915,5 +1925,4 @@
1915
1925
  @include hook-inverse-component-text();
1916
1926
  @include hook-inverse-component-thumbnav();
1917
1927
  @include hook-inverse-component-totop();
1918
- @include hook-inverse-component-utility();
1919
1928
  }
@@ -387,6 +387,9 @@ $dropbar-color-mode: dark !default;
387
387
  $dropbar-focus-outline: $base-focus-outline !default;
388
388
  $dropbar-large-padding-top: 40px !default;
389
389
  $dropbar-large-padding-bottom: $dropbar-large-padding-top !default;
390
+ $dropcap-margin-right: 10px !default;
391
+ $dropcap-font-size: (($global-line-height * 3) * 1em) !default;
392
+ $dropcap-line-height: 1 !default;
390
393
  $dropdown-margin: $global-small-margin !default;
391
394
  $dropdown-viewport-margin: 15px !default;
392
395
  $dropdown-min-width: 200px !default;
@@ -413,6 +416,11 @@ $dropdown-nav-divider-border: $global-border !default;
413
416
  $dropdown-nav-sublist-item-color: $global-muted-color !default;
414
417
  $dropdown-nav-sublist-item-hover-color: $global-color !default;
415
418
  $dropnav-dropbar-z-index: $global-z-index - 20 !default;
419
+ $floating-shadow-height: 30px !default;
420
+ $floating-shadow-bottom: (-$floating-shadow-height) !default;
421
+ $floating-shadow-border-radius: 100% !default;
422
+ $floating-shadow-background: #444 !default;
423
+ $floating-shadow-blur: 20px !default;
416
424
  $form-range-track-height: 3px !default;
417
425
  $form-range-track-background: color.adjust($global-muted-background, $lightness: -5%) !default;
418
426
  $form-range-track-focus-background: color.adjust($form-range-track-background, $lightness: -5%) !default;
@@ -655,6 +663,12 @@ $inverse-list-secondary-color: $inverse-global-primary-background !default;
655
663
  $inverse-list-divider-border: $inverse-global-border !default;
656
664
  $inverse-list-striped-background: $inverse-global-muted-background !default;
657
665
  $inverse-list-bullet-icon-color: $inverse-global-color !default;
666
+ $logo-font-size: $global-large-font-size !default;
667
+ $logo-font-family: $global-font-family !default;
668
+ $logo-color: $global-emphasis-color !default;
669
+ $logo-hover-color: $global-emphasis-color !default;
670
+ $inverse-logo-color: $inverse-global-emphasis-color !default;
671
+ $inverse-logo-hover-color: $inverse-global-emphasis-color !default;
658
672
  $margin-margin: $global-margin !default;
659
673
  $margin-xsmall-margin: 5px !default;
660
674
  $margin-small-margin: $global-small-margin !default;
@@ -1158,21 +1172,7 @@ $panel-scrollable-border: $global-border !default;
1158
1172
  $overflow-fade-size: 100px !default;
1159
1173
  $border-rounded-border-radius: 5px !default;
1160
1174
  $box-shadow-duration: 0.1s !default;
1161
- $box-shadow-bottom-height: 30px !default;
1162
- $box-shadow-bottom-bottom: (-$box-shadow-bottom-height) !default;
1163
- $box-shadow-bottom-border-radius: 100% !default;
1164
- $box-shadow-bottom-background: #444 !default;
1165
- $box-shadow-bottom-blur: 20px !default;
1166
- $dropcap-margin-right: 10px !default;
1167
- $dropcap-font-size: (($global-line-height * 3) * 1em) !default;
1168
- $dropcap-line-height: 1 !default;
1169
- $logo-font-size: $global-large-font-size !default;
1170
- $logo-font-family: $global-font-family !default;
1171
- $logo-color: $global-emphasis-color !default;
1172
- $logo-hover-color: $global-emphasis-color !default;
1173
1175
  $dragover-box-shadow: 0 0 20px rgba(100,100,100,0.3) !default;
1174
- $inverse-logo-color: $inverse-global-emphasis-color !default;
1175
- $inverse-logo-hover-color: $inverse-global-emphasis-color !default;
1176
1176
  $deprecated: false !default;
1177
1177
  $breakpoint-small: 640px !default;
1178
1178
  $breakpoint-medium: 960px !default;
@@ -386,6 +386,9 @@ $dropbar-color-mode: dark !default;
386
386
  $dropbar-focus-outline: $base-focus-outline !default;
387
387
  $dropbar-large-padding-top: 40px !default;
388
388
  $dropbar-large-padding-bottom: $dropbar-large-padding-top !default;
389
+ $dropcap-margin-right: 10px !default;
390
+ $dropcap-font-size: (($global-line-height * 3) * 1em) !default;
391
+ $dropcap-line-height: 1 !default;
389
392
  $dropdown-margin: $global-small-margin !default;
390
393
  $dropdown-viewport-margin: 15px !default;
391
394
  $dropdown-min-width: 200px !default;
@@ -412,6 +415,11 @@ $dropdown-nav-divider-border: $global-border !default;
412
415
  $dropdown-nav-sublist-item-color: $global-muted-color !default;
413
416
  $dropdown-nav-sublist-item-hover-color: $global-color !default;
414
417
  $dropnav-dropbar-z-index: $global-z-index - 20 !default;
418
+ $floating-shadow-height: 30px !default;
419
+ $floating-shadow-bottom: (-$floating-shadow-height) !default;
420
+ $floating-shadow-border-radius: 100% !default;
421
+ $floating-shadow-background: #444 !default;
422
+ $floating-shadow-blur: 20px !default;
415
423
  $form-range-track-height: 3px !default;
416
424
  $form-range-track-background: color.adjust($global-muted-background, $lightness: -5%) !default;
417
425
  $form-range-track-focus-background: color.adjust($form-range-track-background, $lightness: -5%) !default;
@@ -653,6 +661,12 @@ $inverse-list-secondary-color: $inverse-global-primary-background !default;
653
661
  $inverse-list-divider-border: $inverse-global-border !default;
654
662
  $inverse-list-striped-background: $inverse-global-muted-background !default;
655
663
  $inverse-list-bullet-icon-color: $inverse-global-color !default;
664
+ $logo-font-size: $global-large-font-size !default;
665
+ $logo-font-family: $global-font-family !default;
666
+ $logo-color: $global-emphasis-color !default;
667
+ $logo-hover-color: $global-emphasis-color !default;
668
+ $inverse-logo-color: $inverse-global-emphasis-color !default;
669
+ $inverse-logo-hover-color: $inverse-global-emphasis-color !default;
656
670
  $margin-margin: $global-margin !default;
657
671
  $margin-xsmall-margin: 5px !default;
658
672
  $margin-small-margin: $global-small-margin !default;
@@ -1156,21 +1170,7 @@ $panel-scrollable-border: $global-border !default;
1156
1170
  $overflow-fade-size: 100px !default;
1157
1171
  $border-rounded-border-radius: 5px !default;
1158
1172
  $box-shadow-duration: 0.1s !default;
1159
- $box-shadow-bottom-height: 30px !default;
1160
- $box-shadow-bottom-bottom: (-$box-shadow-bottom-height) !default;
1161
- $box-shadow-bottom-border-radius: 100% !default;
1162
- $box-shadow-bottom-background: #444 !default;
1163
- $box-shadow-bottom-blur: 20px !default;
1164
- $dropcap-margin-right: 10px !default;
1165
- $dropcap-font-size: (($global-line-height * 3) * 1em) !default;
1166
- $dropcap-line-height: 1 !default;
1167
- $logo-font-size: $global-large-font-size !default;
1168
- $logo-font-family: $global-font-family !default;
1169
- $logo-color: $global-emphasis-color !default;
1170
- $logo-hover-color: $global-emphasis-color !default;
1171
1173
  $dragover-box-shadow: 0 0 20px rgba(100,100,100,0.3) !default;
1172
- $inverse-logo-color: $inverse-global-emphasis-color !default;
1173
- $inverse-logo-hover-color: $inverse-global-emphasis-color !default;
1174
1174
  $deprecated: false !default;
1175
1175
  $breakpoint-small: 640px !default;
1176
1176
  $breakpoint-medium: 960px !default;