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.
- package/CHANGELOG.md +39 -0
- package/build/prefix.js +1 -1
- package/build/publishDev.js +1 -1
- package/build/scope.js +1 -1
- package/build/scss.js +1 -1
- package/build/util.js +0 -2
- package/dist/css/uikit-core-rtl.css +1327 -1204
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +1327 -1204
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +1339 -1223
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +1339 -1223
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +149 -146
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +150 -147
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/marquee.js +215 -0
- package/dist/js/components/marquee.min.js +1 -0
- package/dist/js/components/notification.js +8 -6
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +8 -12
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +8 -12
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +65 -26
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +8 -12
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +95 -103
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +15 -17
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +888 -337
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +766 -433
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/js/api/component.js +2 -3
- package/src/js/api/observables.js +16 -4
- package/src/js/api/options.js +6 -3
- package/src/js/api/props.js +1 -3
- package/src/js/api/state.js +7 -8
- package/src/js/components/index.js +1 -0
- package/src/js/components/internal/lightbox-animations.js +7 -26
- package/src/js/components/internal/slider-preload.js +1 -0
- package/src/js/components/internal/slideshow-animations.js +15 -62
- package/src/js/components/lightbox-panel.js +123 -109
- package/src/js/components/lightbox.js +5 -8
- package/src/js/components/marquee.js +156 -0
- package/src/js/components/notification.js +7 -5
- package/src/js/core/accordion.js +62 -31
- package/src/js/core/alert.js +1 -1
- package/src/js/core/drop.js +4 -3
- package/src/js/core/dropnav.js +13 -32
- package/src/js/core/grid.js +5 -19
- package/src/js/core/margin.js +3 -0
- package/src/js/core/overflow-auto.js +5 -1
- package/src/js/core/sticky.js +1 -1
- package/src/js/core/switcher.js +18 -62
- package/src/js/core/video.js +236 -21
- package/src/js/mixin/connect.js +90 -0
- package/src/js/mixin/internal/slideshow-animations.js +5 -13
- package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
- package/src/js/mixin/parallax.js +1 -4
- package/src/js/mixin/position.js +1 -1
- package/src/js/mixin/scroll-driven.js +57 -0
- package/src/js/mixin/slider-nav.js +2 -12
- package/src/js/mixin/slider-parallax.js +9 -38
- package/src/js/mixin/togglable.js +13 -14
- package/src/js/util/attr.js +7 -7
- package/src/js/util/dom.js +3 -4
- package/src/js/util/keys.js +14 -0
- package/src/js/util/lang.js +2 -2
- package/src/js/util/player.js +4 -2
- package/src/js/util/style.js +12 -13
- package/src/js/util/viewport.js +22 -25
- package/src/less/components/_import.less +8 -3
- package/src/less/components/animation.less +1 -1
- package/src/less/components/base.less +1 -1
- package/src/less/components/button.less +1 -1
- package/src/less/components/card.less +8 -8
- package/src/less/components/dropcap.less +71 -0
- package/src/less/components/floating-shadow.less +66 -0
- package/src/less/components/form.less +15 -15
- package/src/less/components/grid.less +58 -65
- package/src/less/components/lightbox.less +2 -8
- package/src/less/components/logo.less +94 -0
- package/src/less/components/margin.less +155 -124
- package/src/less/components/marquee.less +133 -0
- package/src/less/components/modal.less +1 -4
- package/src/less/components/nav.less +1 -1
- package/src/less/components/navbar.less +1 -1
- package/src/less/components/padding.less +9 -9
- package/src/less/components/position.less +9 -4
- package/src/less/components/search.less +1 -1
- package/src/less/components/slideshow.less +1 -4
- package/src/less/components/switcher.less +5 -2
- package/src/less/components/table.less +4 -4
- package/src/less/components/text.less +10 -4
- package/src/less/components/utility.less +0 -163
- package/src/less/components/visibility.less +4 -4
- package/src/less/theme/_import.less +6 -2
- package/src/less/theme/alert.less +0 -5
- package/src/less/theme/dropcap.less +29 -0
- package/src/less/theme/floating-shadow.less +20 -0
- package/src/less/theme/logo.less +29 -0
- package/src/less/theme/marquee.less +14 -0
- package/src/less/theme/thumbnav.less +1 -4
- package/src/less/theme/utility.less +0 -32
- package/src/scss/components/_import.scss +8 -3
- package/src/scss/components/animation.scss +1 -1
- package/src/scss/components/base.scss +1 -1
- package/src/scss/components/button.scss +1 -1
- package/src/scss/components/card.scss +8 -8
- package/src/scss/components/dropcap.scss +63 -0
- package/src/scss/components/floating-shadow.scss +63 -0
- package/src/scss/components/form.scss +14 -14
- package/src/scss/components/grid.scss +57 -64
- package/src/scss/components/lightbox.scss +2 -8
- package/src/scss/components/logo.scss +75 -0
- package/src/scss/components/margin.scss +155 -124
- package/src/scss/components/marquee.scss +136 -0
- package/src/scss/components/modal.scss +1 -4
- package/src/scss/components/nav.scss +1 -1
- package/src/scss/components/navbar.scss +1 -1
- package/src/scss/components/padding.scss +9 -9
- package/src/scss/components/position.scss +9 -4
- package/src/scss/components/search.scss +1 -1
- package/src/scss/components/slideshow.scss +1 -4
- package/src/scss/components/switcher.scss +5 -2
- package/src/scss/components/table.scss +4 -4
- package/src/scss/components/text.scss +10 -4
- package/src/scss/components/utility.scss +0 -129
- package/src/scss/components/visibility.scss +4 -4
- package/src/scss/mixins-theme.scss +44 -43
- package/src/scss/mixins.scss +40 -31
- package/src/scss/variables-theme.scss +14 -14
- package/src/scss/variables.scss +14 -14
- package/tests/accordion.html +77 -10
- package/tests/alert.html +1 -1
- package/tests/align.html +5 -5
- package/tests/animation.html +4 -4
- package/tests/article.html +7 -7
- package/tests/background.html +2 -2
- package/tests/badge.html +1 -1
- package/tests/base.html +2 -2
- package/tests/button.html +1 -1
- package/tests/card.html +15 -15
- package/tests/close.html +2 -2
- package/tests/comment.html +9 -9
- package/tests/container.html +2 -2
- package/tests/countdown.html +21 -21
- package/tests/cover.html +3 -3
- package/tests/description-list.html +1 -1
- package/tests/divider.html +3 -3
- package/tests/dotnav.html +1 -1
- package/tests/drop.html +7 -7
- package/tests/dropbar.html +5 -5
- package/tests/dropcap.html +26 -0
- package/tests/dropdown.html +1 -1
- package/tests/dropnav.html +18 -18
- package/tests/filter.html +3 -3
- package/tests/floating-shadow.html +44 -0
- package/tests/form.html +14 -14
- package/tests/grid.html +41 -47
- package/tests/heading.html +2 -2
- package/tests/height-viewport.html +4 -4
- package/tests/height.html +5 -5
- package/tests/icon.html +8 -8
- package/tests/image.html +6 -6
- package/tests/index.html +13 -13
- package/tests/js/index.js +1 -1
- package/tests/leader.html +5 -5
- package/tests/lightbox.html +6 -6
- package/tests/link.html +1 -1
- package/tests/list.html +4 -4
- package/tests/logo.html +84 -0
- package/tests/margin.html +59 -7
- package/tests/marker.html +3 -3
- package/tests/marquee.html +617 -0
- package/tests/modal.html +3 -3
- package/tests/nav.html +5 -5
- package/tests/navbar.html +27 -27
- package/tests/notification.html +8 -2
- package/tests/offcanvas.html +12 -12
- package/tests/overlay.html +3 -3
- package/tests/padding.html +1 -1
- package/tests/pagination.html +3 -3
- package/tests/parallax.html +1 -1
- package/tests/position.html +6 -6
- package/tests/scrollspy.html +13 -13
- package/tests/search.html +5 -5
- package/tests/section.html +17 -17
- package/tests/slidenav.html +3 -3
- package/tests/slider.html +5 -5
- package/tests/slideshow.html +33 -3
- package/tests/sortable.html +15 -15
- package/tests/sticky-navbar.html +4 -4
- package/tests/sticky-parallax.html +3 -3
- package/tests/sticky.html +3 -3
- package/tests/svg.html +3 -2
- package/tests/switcher.html +7 -7
- package/tests/tab.html +5 -5
- package/tests/text.html +9 -3
- package/tests/tile.html +4 -4
- package/tests/toggle.html +1 -1
- package/tests/tooltip.html +3 -3
- package/tests/totop.html +2 -2
- package/tests/transition.html +1 -1
- package/tests/upload.html +5 -5
- package/tests/utility.html +16 -116
- package/tests/video.html +224 -24
- package/tests/visibility.html +4 -4
- 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
|
-
|
|
220
|
+
.uk-text-break { overflow-wrap: break-word; }
|
|
221
221
|
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
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
|
|
120
|
-
.uk-visible-toggle:not(:hover
|
|
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
|
|
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
|
|
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]
|
|
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-
|
|
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
|
-
|
|
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
|
}
|
package/src/scss/mixins.scss
CHANGED
|
@@ -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]
|
|
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-
|
|
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;
|
package/src/scss/variables.scss
CHANGED
|
@@ -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;
|