uikit 3.13.11-dev.98491b3f4 → 3.13.11-dev.9f2f619d7
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 +6 -1
- package/dist/css/uikit-core-rtl.css +9 -3
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +9 -3
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +9 -3
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +9 -3
- 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 +1 -1
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +1 -1
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +4 -2
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +4 -2
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +2 -2
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +4 -2
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +1 -1
- 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 +1 -1
- 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 +98 -68
- 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 +102 -70
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/js/components/slider.js +1 -1
- package/src/js/core/cover.js +27 -14
- package/src/js/core/scrollspy-nav.js +2 -2
- package/src/js/core/sticky.js +36 -12
- package/src/js/mixin/parallax.js +3 -2
- package/src/js/util/lang.js +34 -38
- package/src/js/util/position.js +4 -7
- package/src/less/components/nav.less +1 -0
- package/src/less/components/sticky.less +8 -3
- package/src/less/components/utility.less +1 -0
- package/src/scss/components/nav.scss +1 -0
- package/src/scss/components/sticky.scss +8 -3
- package/src/scss/components/utility.scss +1 -0
- package/tests/alert.html +1 -1
- package/tests/drop.html +129 -80
- package/tests/navbar.html +1 -1
- package/tests/parallax.html +5 -5
- package/tests/sticky-navbar.html +6 -6
- package/tests/sticky-parallax.html +163 -158
- package/tests/sticky.html +149 -74
package/tests/drop.html
CHANGED
|
@@ -8,10 +8,16 @@
|
|
|
8
8
|
<script src="js/test.js"></script>
|
|
9
9
|
<style>
|
|
10
10
|
|
|
11
|
-
.boundary {
|
|
11
|
+
.boundary {
|
|
12
|
+
padding: 15px;
|
|
13
|
+
border: 1px dashed rgba(0,0,0,0.2);
|
|
14
|
+
overflow: auto;
|
|
15
|
+
-webkit-overflow-scrolling: touch;
|
|
16
|
+
}
|
|
12
17
|
|
|
13
|
-
.
|
|
14
|
-
|
|
18
|
+
.boundary-overflow {
|
|
19
|
+
width: 200%;
|
|
20
|
+
}
|
|
15
21
|
|
|
16
22
|
</style>
|
|
17
23
|
</head>
|
|
@@ -211,112 +217,155 @@
|
|
|
211
217
|
|
|
212
218
|
</div>
|
|
213
219
|
|
|
214
|
-
<h2>
|
|
220
|
+
<h2>Shift and Flip</h2>
|
|
215
221
|
|
|
216
|
-
<div
|
|
222
|
+
<div uk-grid>
|
|
223
|
+
<div class="uk-width-1-2@m">
|
|
217
224
|
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
<div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
222
|
-
</div>
|
|
223
|
-
</div>
|
|
225
|
+
<div class="boundary uk-resize-horizontal uk-height-large uk-margin">
|
|
226
|
+
<div class="boundary-overflow uk-flex uk-flex-center">
|
|
227
|
+
<div>
|
|
224
228
|
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
<div uk-drop="pos: bottom-justify; boundary: ! .boundary; boundary-align: true">
|
|
228
|
-
<div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
229
|
-
</div>
|
|
230
|
-
</div>
|
|
229
|
+
<button class="uk-button uk-button-default" type="button">Click</button>
|
|
230
|
+
<div class="uk-width-medium" uk-dropdown="pos: bottom-left; boundary: !.boundary; mode: click">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
231
231
|
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
<div uk-drop="pos: bottom-center; boundary: ! .boundary">
|
|
235
|
-
<div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
232
|
+
</div>
|
|
233
|
+
</div>
|
|
236
234
|
</div>
|
|
237
|
-
</div>
|
|
238
235
|
|
|
239
|
-
<div class="uk-inline">
|
|
240
|
-
<button class="uk-button uk-button-default" type="button">Left</button>
|
|
241
|
-
<div uk-drop="pos: bottom-left; boundary: ! .boundary; boundary-align: true">
|
|
242
|
-
<div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
243
|
-
</div>
|
|
244
236
|
</div>
|
|
237
|
+
<div class="uk-width-1-2@m">
|
|
245
238
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
<div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
250
|
-
</div>
|
|
251
|
-
</div>
|
|
239
|
+
<div class="boundary uk-resize-horizontal uk-height-large uk-margin">
|
|
240
|
+
<div class="boundary-overflow uk-flex uk-flex-center">
|
|
241
|
+
<div>
|
|
252
242
|
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
<div uk-drop="pos: bottom-center; boundary: ! .boundary; boundary-align: true">
|
|
256
|
-
<div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
257
|
-
</div>
|
|
258
|
-
</div>
|
|
243
|
+
<button class="uk-button uk-button-default" style="margin-left: 40px" type="button">Click</button>
|
|
244
|
+
<div class="uk-width-small" uk-dropdown="pos: right-top; boundary: !.boundary; mode: click">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
259
245
|
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
<div uk-drop="pos: bottom-left; boundary: ! .boundary">
|
|
263
|
-
<div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
246
|
+
</div>
|
|
247
|
+
</div>
|
|
264
248
|
</div>
|
|
265
|
-
</div>
|
|
266
249
|
|
|
250
|
+
</div>
|
|
267
251
|
</div>
|
|
268
252
|
|
|
269
|
-
<
|
|
253
|
+
<h2>Boundary</h2>
|
|
270
254
|
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
<div uk-drop="pos: right-bottom; boundary: ! .boundary">
|
|
274
|
-
<div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
275
|
-
</div>
|
|
276
|
-
</div>
|
|
255
|
+
<div class="uk-child-width-1-2@m" uk-grid>
|
|
256
|
+
<div>
|
|
277
257
|
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
<div uk-drop="pos: right-justify; boundary: ! .boundary; boundary-align: true">
|
|
281
|
-
<div class="uk-card uk-card-body uk-card-default uk-height-1-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
282
|
-
</div>
|
|
283
|
-
</div>
|
|
258
|
+
<div class="boundary uk-height-medium uk-margin uk-flex uk-flex-between uk-flex-wrap">
|
|
259
|
+
<div>
|
|
284
260
|
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
<div uk-drop="pos: right-center; boundary: ! .boundary">
|
|
288
|
-
<div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
289
|
-
</div>
|
|
290
|
-
</div>
|
|
261
|
+
<button class="uk-button uk-button-default" type="button">Bottom Right</button>
|
|
262
|
+
<div class="uk-width-medium" uk-dropdown="pos: bottom-right; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
291
263
|
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
264
|
+
</div>
|
|
265
|
+
<div>
|
|
266
|
+
|
|
267
|
+
<button class="uk-button uk-button-default" type="button">Bottom Center</button>
|
|
268
|
+
<div class="uk-width-medium" uk-dropdown="pos: bottom-center; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
269
|
+
|
|
270
|
+
</div>
|
|
271
|
+
<div>
|
|
272
|
+
|
|
273
|
+
<button class="uk-button uk-button-default" type="button">Bottom Left</button>
|
|
274
|
+
<div class="uk-width-medium" uk-dropdown="pos: bottom-left; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
275
|
+
|
|
276
|
+
</div>
|
|
296
277
|
</div>
|
|
278
|
+
|
|
297
279
|
</div>
|
|
280
|
+
<div>
|
|
298
281
|
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
282
|
+
<div class="boundary uk-height-medium uk-flex uk-flex-column uk-flex-between uk-flex-wrap">
|
|
283
|
+
<div>
|
|
284
|
+
|
|
285
|
+
<button class="uk-button uk-button-default" type="button">Right Bottom</button>
|
|
286
|
+
<div class="uk-width-medium" uk-dropdown="pos: right-bottom; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
287
|
+
|
|
288
|
+
</div>
|
|
289
|
+
<div>
|
|
290
|
+
|
|
291
|
+
<button class="uk-button uk-button-default" type="button">Right Center</button>
|
|
292
|
+
<div class="uk-width-medium" uk-dropdown="pos: right-center; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
293
|
+
|
|
294
|
+
</div>
|
|
295
|
+
<div>
|
|
296
|
+
|
|
297
|
+
<button class="uk-button uk-button-default" type="button">Right Top</button>
|
|
298
|
+
<div class="uk-width-medium" uk-dropdown="pos: right-top; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
299
|
+
|
|
300
|
+
</div>
|
|
303
301
|
</div>
|
|
302
|
+
|
|
304
303
|
</div>
|
|
304
|
+
</div>
|
|
305
305
|
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
306
|
+
<h2>Boundary Align</h2>
|
|
307
|
+
|
|
308
|
+
<div class="uk-child-width-1-2@m" uk-grid>
|
|
309
|
+
<div>
|
|
310
|
+
|
|
311
|
+
<div class="boundary uk-height-small uk-margin uk-flex uk-flex-around uk-flex-wrap">
|
|
312
|
+
<div>
|
|
313
|
+
|
|
314
|
+
<button class="uk-button uk-button-default" type="button">Bottom Right</button>
|
|
315
|
+
<div class="uk-width-medium" uk-dropdown="pos: bottom-right; boundary: !.boundary; boundary-align: true">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
316
|
+
|
|
317
|
+
</div>
|
|
318
|
+
<div>
|
|
319
|
+
|
|
320
|
+
<button class="uk-button uk-button-default" type="button">Bottom Center</button>
|
|
321
|
+
<div class="uk-width-medium" uk-dropdown="pos: bottom-center; boundary: !.boundary; boundary-align: true">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
322
|
+
|
|
323
|
+
</div>
|
|
324
|
+
<div>
|
|
325
|
+
|
|
326
|
+
<button class="uk-button uk-button-default" type="button">Bottom Left</button>
|
|
327
|
+
<div class="uk-width-medium" uk-dropdown="pos: bottom-left; boundary: !.boundary; boundary-align: true">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
328
|
+
|
|
329
|
+
</div>
|
|
330
|
+
<div>
|
|
331
|
+
|
|
332
|
+
<button class="uk-button uk-button-default" type="button">Bottom Justify</button>
|
|
333
|
+
<div class="uk-width-medium" uk-dropdown="pos: bottom-justify; boundary: ! .boundary; boundary-align: true">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
334
|
+
|
|
335
|
+
</div>
|
|
310
336
|
</div>
|
|
337
|
+
|
|
311
338
|
</div>
|
|
339
|
+
<div class="uk-width-1-4@m">
|
|
312
340
|
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
341
|
+
<div class="boundary uk-height-medium uk-flex uk-flex-column uk-flex-around">
|
|
342
|
+
<div>
|
|
343
|
+
|
|
344
|
+
<button class="uk-button uk-button-default" type="button">Right Bottom</button>
|
|
345
|
+
<div class="uk-width-medium" uk-dropdown="pos: right-bottom; boundary: !.boundary; boundary-align: true">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
346
|
+
|
|
347
|
+
</div>
|
|
348
|
+
<div>
|
|
349
|
+
|
|
350
|
+
<button class="uk-button uk-button-default" type="button">Right Center</button>
|
|
351
|
+
<div class="uk-width-medium" uk-dropdown="pos: right-center; boundary: !.boundary; boundary-align: true">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
352
|
+
|
|
353
|
+
</div>
|
|
354
|
+
<div>
|
|
355
|
+
|
|
356
|
+
<button class="uk-button uk-button-default" type="button">Right Top</button>
|
|
357
|
+
<div class="uk-width-medium" uk-dropdown="pos: right-top; boundary: !.boundary; boundary-align: true">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
358
|
+
|
|
359
|
+
</div>
|
|
360
|
+
<div>
|
|
361
|
+
|
|
362
|
+
<button class="uk-button uk-button-default" type="button">Right Justify</button>
|
|
363
|
+
<div class="uk-width-medium" uk-dropdown="pos: right-justify; boundary: ! .boundary; boundary-align: true">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
|
364
|
+
|
|
365
|
+
</div>
|
|
317
366
|
</div>
|
|
367
|
+
|
|
318
368
|
</div>
|
|
319
|
-
|
|
320
369
|
</div>
|
|
321
370
|
|
|
322
371
|
<h2>Multiple Toggles</h2>
|
package/tests/navbar.html
CHANGED
package/tests/parallax.html
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
<body>
|
|
17
17
|
|
|
18
18
|
<div class="uk-section-default">
|
|
19
|
-
<div class="uk-section uk-background-cover uk-background-primary uk-overflow-hidden uk-light uk-flex" style="background-image: url('images/dark.jpg');" uk-parallax="bgy: -400; sepia:100" uk-height-viewport="offset-top: true">
|
|
19
|
+
<div class="uk-section uk-background-cover uk-background-primary uk-overflow-hidden uk-light uk-flex" style="background-image: url('images/dark.jpg');" uk-parallax="bgy: -400; sepia: 100" uk-height-viewport="offset-top: true">
|
|
20
20
|
|
|
21
21
|
<h1 class="uk-heading-xlarge uk-margin-auto uk-margin-auto-vertical">Parallax</h1>
|
|
22
22
|
|
|
@@ -168,15 +168,15 @@
|
|
|
168
168
|
</tr>
|
|
169
169
|
<tr>
|
|
170
170
|
<td><code>start</code></td>
|
|
171
|
-
<td>
|
|
171
|
+
<td>Length</td>
|
|
172
172
|
<td>0</td>
|
|
173
|
-
<td>Start offset. The value can be in vh
|
|
173
|
+
<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 target's top border and viewport's bottom border intersect.</td>
|
|
174
174
|
</tr>
|
|
175
175
|
<tr>
|
|
176
176
|
<td><code>end</code></td>
|
|
177
|
-
<td>
|
|
177
|
+
<td>Length</td>
|
|
178
178
|
<td>0</td>
|
|
179
|
-
<td>End offset. The value can be in vh
|
|
179
|
+
<td>End offset. The value can be in vh, % and px. It supports basic mathematics operands + and -. The default value of `0` means that the target's bottom border and the viewport's top border intersect.</td>
|
|
180
180
|
</tr>
|
|
181
181
|
<tr>
|
|
182
182
|
<td><code>media</code></td>
|
package/tests/sticky-navbar.html
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
</div>
|
|
18
18
|
|
|
19
19
|
<div class="tm-header">
|
|
20
|
-
<div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky
|
|
20
|
+
<div uk-sticky="end: #sticky-dropdown; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
|
|
21
21
|
<nav class="uk-navbar-container">
|
|
22
22
|
<div class="uk-container">
|
|
23
23
|
<div uk-navbar>
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
</div>
|
|
97
97
|
|
|
98
98
|
<div class="tm-header">
|
|
99
|
-
<div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky
|
|
99
|
+
<div uk-sticky="end: #sticky-dropbar; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
|
|
100
100
|
<nav class="uk-navbar-container">
|
|
101
101
|
<div class="uk-container">
|
|
102
102
|
<div uk-navbar="dropbar: true; dropbar-anchor: !.uk-navbar-container">
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
</div>
|
|
176
176
|
|
|
177
177
|
<div class="tm-header">
|
|
178
|
-
<div uk-sticky="show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky
|
|
178
|
+
<div uk-sticky="end: #scrollup-dropdown; show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
|
|
179
179
|
<nav class="uk-navbar-container">
|
|
180
180
|
<div class="uk-container uk-container-expand">
|
|
181
181
|
<div uk-navbar>
|
|
@@ -254,7 +254,7 @@
|
|
|
254
254
|
</div>
|
|
255
255
|
|
|
256
256
|
<div class="tm-header">
|
|
257
|
-
<div uk-sticky="show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky
|
|
257
|
+
<div uk-sticky="end: #scrollup-dropbar; show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
|
|
258
258
|
<nav class="uk-navbar-container">
|
|
259
259
|
<div class="uk-container uk-container-expand">
|
|
260
260
|
<div uk-navbar="dropbar: true; dropbar-anchor: !.uk-navbar-container">
|
|
@@ -335,7 +335,7 @@
|
|
|
335
335
|
<div id="transparent-dropdown" class="uk-section-primary uk-preserve-color">
|
|
336
336
|
|
|
337
337
|
<div class="tm-header">
|
|
338
|
-
<div uk-sticky="show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; cls-inactive: uk-navbar-transparent uk-light
|
|
338
|
+
<div uk-sticky="start: 200; end: #transparent-dropdown; show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; cls-inactive: uk-navbar-transparent uk-light">
|
|
339
339
|
<nav class="uk-navbar-container">
|
|
340
340
|
<div class="uk-container uk-container-expand">
|
|
341
341
|
<div uk-navbar>
|
|
@@ -418,7 +418,7 @@
|
|
|
418
418
|
<div id="transparent-dropbar" class="uk-section-secondary uk-preserve-color">
|
|
419
419
|
|
|
420
420
|
<div class="tm-header">
|
|
421
|
-
<div uk-sticky="show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; cls-inactive: uk-navbar-transparent uk-light
|
|
421
|
+
<div uk-sticky="start: 200; end: #transparent-dropbar; show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; cls-inactive: uk-navbar-transparent uk-light">
|
|
422
422
|
<nav class="uk-navbar-container">
|
|
423
423
|
<div class="uk-container uk-container-expand">
|
|
424
424
|
<div uk-navbar="dropbar: true; dropbar-anchor: !.uk-navbar-container">
|