uikit 3.20.11 → 3.21.1-dev.3aa4cb62f
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 +23 -0
- package/dist/css/uikit-core-rtl.css +66 -10
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +66 -10
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +68 -9
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +68 -9
- 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 +1 -1
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +1 -1
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +1 -1
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +1 -1
- 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 +10 -7
- 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 +10 -7
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/js/api/observer.js +4 -1
- package/src/js/core/icon.js +4 -4
- package/src/less/components/search.less +74 -14
- package/src/less/theme/search.less +23 -3
- package/src/scss/components/search.scss +48 -7
- package/src/scss/mixins-theme.scss +17 -3
- package/src/scss/mixins.scss +14 -0
- package/src/scss/theme/search.scss +18 -3
- package/src/scss/variables-theme.scss +18 -6
- package/src/scss/variables.scss +16 -7
- package/tests/index.html +7 -0
- package/tests/search.html +50 -37
- /package/src/images/components/{search-navbar.svg → search-medium.svg} +0 -0
package/tests/search.html
CHANGED
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
</form>
|
|
30
30
|
|
|
31
31
|
<form class="uk-search uk-search-default">
|
|
32
|
-
<span class="uk-search-icon-flip" uk-search-icon></span>
|
|
33
32
|
<input class="uk-search-input" type="search" placeholder="Flip…" aria-label="Search">
|
|
33
|
+
<span class="uk-search-icon-flip" uk-search-icon></span>
|
|
34
34
|
</form>
|
|
35
35
|
</div>
|
|
36
36
|
|
|
@@ -41,13 +41,19 @@
|
|
|
41
41
|
</form>
|
|
42
42
|
|
|
43
43
|
<form class="uk-search uk-search-default">
|
|
44
|
-
<button class="uk-search-icon-flip" uk-search-icon></button>
|
|
45
44
|
<input class="uk-search-input" type="search" placeholder="Button…" aria-label="Search">
|
|
45
|
+
<button class="uk-search-icon-flip" uk-search-icon></button>
|
|
46
46
|
</form>
|
|
47
47
|
</div>
|
|
48
48
|
|
|
49
49
|
</div>
|
|
50
50
|
|
|
51
|
+
<div class="uk-container uk-margin-medium-top">
|
|
52
|
+
|
|
53
|
+
<h2>Navbar</h2>
|
|
54
|
+
|
|
55
|
+
</div>
|
|
56
|
+
|
|
51
57
|
<nav class="uk-navbar-container uk-margin">
|
|
52
58
|
<div class="uk-container">
|
|
53
59
|
<div uk-navbar>
|
|
@@ -61,7 +67,7 @@
|
|
|
61
67
|
<li><a href="#">Item</a></li>
|
|
62
68
|
</ul>
|
|
63
69
|
<div class="uk-navbar-item">
|
|
64
|
-
<form class="uk-search uk-search-
|
|
70
|
+
<form class="uk-search uk-search-navbar">
|
|
65
71
|
<input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search" autofocus>
|
|
66
72
|
</form>
|
|
67
73
|
</div>
|
|
@@ -71,34 +77,9 @@
|
|
|
71
77
|
<li><a href="#">Item</a></li>
|
|
72
78
|
</ul>
|
|
73
79
|
<div class="uk-navbar-item">
|
|
74
|
-
<form class="uk-search uk-search-default">
|
|
75
|
-
<span uk-search-icon></span>
|
|
76
|
-
<input class="uk-search-input" type="search" placeholder="Icon…" aria-label="Search">
|
|
77
|
-
</form>
|
|
78
|
-
</div>
|
|
79
|
-
</div>
|
|
80
|
-
|
|
81
|
-
</div>
|
|
82
|
-
</div>
|
|
83
|
-
</nav>
|
|
84
|
-
|
|
85
|
-
<div class="uk-container uk-margin-medium-top">
|
|
86
|
-
|
|
87
|
-
<h2>Navbar</h2>
|
|
88
|
-
|
|
89
|
-
</div>
|
|
90
|
-
|
|
91
|
-
<nav class="uk-navbar-container uk-margin">
|
|
92
|
-
<div class="uk-container">
|
|
93
|
-
<div uk-navbar>
|
|
94
|
-
|
|
95
|
-
<div class="uk-navbar-left">
|
|
96
|
-
<div class="uk-navbar-item">
|
|
97
|
-
|
|
98
80
|
<form class="uk-search uk-search-navbar">
|
|
99
81
|
<input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search">
|
|
100
82
|
</form>
|
|
101
|
-
|
|
102
83
|
</div>
|
|
103
84
|
</div>
|
|
104
85
|
|
|
@@ -124,8 +105,8 @@
|
|
|
124
105
|
<div class="uk-navbar-item">
|
|
125
106
|
|
|
126
107
|
<form class="uk-search uk-search-navbar">
|
|
127
|
-
<span class="uk-search-icon-flip" uk-search-icon></span>
|
|
128
108
|
<input class="uk-search-input" type="search" placeholder="Flip…" aria-label="Search">
|
|
109
|
+
<span class="uk-search-icon-flip" uk-search-icon></span>
|
|
129
110
|
</form>
|
|
130
111
|
|
|
131
112
|
</div>
|
|
@@ -153,8 +134,8 @@
|
|
|
153
134
|
<div class="uk-navbar-item">
|
|
154
135
|
|
|
155
136
|
<form class="uk-search uk-search-navbar">
|
|
156
|
-
<button class="uk-search-icon-flip" uk-search-icon></button>
|
|
157
137
|
<input class="uk-search-input" type="search" placeholder="Button…" aria-label="Search">
|
|
138
|
+
<button class="uk-search-icon-flip" uk-search-icon></button>
|
|
158
139
|
</form>
|
|
159
140
|
|
|
160
141
|
</div>
|
|
@@ -166,6 +147,38 @@
|
|
|
166
147
|
|
|
167
148
|
<div class="uk-container uk-margin-medium-top">
|
|
168
149
|
|
|
150
|
+
<h2>Medium</h2>
|
|
151
|
+
|
|
152
|
+
<div class="uk-margin">
|
|
153
|
+
<form class="uk-search uk-search-medium">
|
|
154
|
+
<input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search">
|
|
155
|
+
</form>
|
|
156
|
+
</div>
|
|
157
|
+
|
|
158
|
+
<div class="uk-margin" uk-margin>
|
|
159
|
+
<form class="uk-search uk-search-medium">
|
|
160
|
+
<span uk-search-icon></span>
|
|
161
|
+
<input class="uk-search-input" type="search" placeholder="Icon…" aria-label="Search">
|
|
162
|
+
</form>
|
|
163
|
+
|
|
164
|
+
<form class="uk-search uk-search-medium">
|
|
165
|
+
<input class="uk-search-input" type="search" placeholder="Flip…" aria-label="Search">
|
|
166
|
+
<span class="uk-search-icon-flip" uk-search-icon></span>
|
|
167
|
+
</form>
|
|
168
|
+
</div>
|
|
169
|
+
|
|
170
|
+
<div class="uk-margin" uk-margin>
|
|
171
|
+
<form class="uk-search uk-search-medium">
|
|
172
|
+
<a href="#" uk-search-icon></a>
|
|
173
|
+
<input class="uk-search-input" type="search" placeholder="Link…" aria-label="Search">
|
|
174
|
+
</form>
|
|
175
|
+
|
|
176
|
+
<form class="uk-search uk-search-medium">
|
|
177
|
+
<input class="uk-search-input" type="search" placeholder="Button…" aria-label="Search">
|
|
178
|
+
<button class="uk-search-icon-flip" uk-search-icon></button>
|
|
179
|
+
</form>
|
|
180
|
+
</div>
|
|
181
|
+
|
|
169
182
|
<h2>Large</h2>
|
|
170
183
|
|
|
171
184
|
<div class="uk-margin">
|
|
@@ -181,8 +194,8 @@
|
|
|
181
194
|
</form>
|
|
182
195
|
|
|
183
196
|
<form class="uk-search uk-search-large">
|
|
184
|
-
<span class="uk-search-icon-flip" uk-search-icon></span>
|
|
185
197
|
<input class="uk-search-input" type="search" placeholder="Flip…" aria-label="Search">
|
|
198
|
+
<span class="uk-search-icon-flip" uk-search-icon></span>
|
|
186
199
|
</form>
|
|
187
200
|
</div>
|
|
188
201
|
|
|
@@ -193,8 +206,8 @@
|
|
|
193
206
|
</form>
|
|
194
207
|
|
|
195
208
|
<form class="uk-search uk-search-large">
|
|
196
|
-
<button class="uk-search-icon-flip" uk-search-icon></button>
|
|
197
209
|
<input class="uk-search-input" type="search" placeholder="Button…" aria-label="Search">
|
|
210
|
+
<button class="uk-search-icon-flip" uk-search-icon></button>
|
|
198
211
|
</form>
|
|
199
212
|
</div>
|
|
200
213
|
|
|
@@ -236,7 +249,7 @@
|
|
|
236
249
|
<div class="uk-navbar-left uk-flex-1 test-overlay" hidden>
|
|
237
250
|
|
|
238
251
|
<div class="uk-navbar-item uk-width-expand">
|
|
239
|
-
<form class="uk-search uk-search-
|
|
252
|
+
<form class="uk-search uk-search-medium uk-width-1-1">
|
|
240
253
|
<input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search" autofocus>
|
|
241
254
|
</form>
|
|
242
255
|
</div>
|
|
@@ -274,7 +287,7 @@
|
|
|
274
287
|
<div>
|
|
275
288
|
<a class="uk-navbar-toggle" uk-search-icon href></a>
|
|
276
289
|
<div uk-drop="mode: click; pos: left-center; offset: 0">
|
|
277
|
-
<form class="uk-search uk-search-
|
|
290
|
+
<form class="uk-search uk-search-medium uk-width-1-1">
|
|
278
291
|
<input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search" autofocus>
|
|
279
292
|
</form>
|
|
280
293
|
</div>
|
|
@@ -314,7 +327,7 @@
|
|
|
314
327
|
|
|
315
328
|
<div class="uk-grid-small uk-flex-middle" uk-grid>
|
|
316
329
|
<div class="uk-width-expand">
|
|
317
|
-
<form class="uk-search uk-search-
|
|
330
|
+
<form class="uk-search uk-search-medium uk-width-1-1">
|
|
318
331
|
<input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search" autofocus>
|
|
319
332
|
</form>
|
|
320
333
|
</div>
|
|
@@ -360,7 +373,7 @@
|
|
|
360
373
|
|
|
361
374
|
<div class="uk-grid-small uk-flex-middle" uk-grid>
|
|
362
375
|
<div class="uk-width-expand">
|
|
363
|
-
<form class="uk-search uk-search-
|
|
376
|
+
<form class="uk-search uk-search-medium uk-width-1-1">
|
|
364
377
|
<input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search" autofocus>
|
|
365
378
|
</form>
|
|
366
379
|
</div>
|
|
@@ -406,7 +419,7 @@
|
|
|
406
419
|
|
|
407
420
|
<div class="uk-grid-small uk-flex-middle" uk-grid>
|
|
408
421
|
<div class="uk-width-expand">
|
|
409
|
-
<form class="uk-search uk-search-
|
|
422
|
+
<form class="uk-search uk-search-medium uk-width-1-1">
|
|
410
423
|
<input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search" autofocus>
|
|
411
424
|
</form>
|
|
412
425
|
</div>
|
|
File without changes
|