uikit-sass-rails 1.2.0 → 1.3.0
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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +3 -0
- data/README.md +2 -1
- data/lib/uikit/sass/rails/engine.rb +1 -1
- data/lib/uikit/sass/rails/version.rb +1 -1
- data/vendor/assets/javascripts/uikit.js +14 -14
- data/vendor/assets/javascripts/uikit/{addons → components}/autocomplete.js +19 -9
- data/vendor/assets/javascripts/uikit/{addons → components}/cover.js +1 -2
- data/vendor/assets/javascripts/uikit/{addons → components}/datepicker.js +3 -4
- data/vendor/assets/javascripts/uikit/{addons → components}/form-password.js +2 -3
- data/vendor/assets/javascripts/uikit/{addons → components}/form-select.js +1 -2
- data/vendor/assets/javascripts/uikit/{addons → components}/htmleditor.js +2 -3
- data/vendor/assets/javascripts/uikit/{addons → components}/nestable.js +28 -8
- data/vendor/assets/javascripts/uikit/{addons → components}/notify.js +1 -2
- data/vendor/assets/javascripts/uikit/{addons → components}/pagination.js +2 -3
- data/vendor/assets/javascripts/uikit/{addons → components}/search.js +4 -5
- data/vendor/assets/javascripts/uikit/{addons → components}/sortable.js +26 -15
- data/vendor/assets/javascripts/uikit/{addons → components}/sticky.js +1 -2
- data/vendor/assets/javascripts/uikit/{addons → components}/timepicker.js +5 -6
- data/vendor/assets/javascripts/uikit/{addons → components}/upload.js +1 -2
- data/vendor/assets/javascripts/uikit/uikit.js +1281 -1248
- data/vendor/assets/stylesheets/uikit.scss +1 -1
- data/vendor/assets/stylesheets/uikit/almost-flat.scss +2 -1
- data/vendor/assets/stylesheets/uikit/{addons/uikit.almost-flat.addons.scss → components/uikit.components.almost-flat.scss} +459 -443
- data/vendor/assets/stylesheets/uikit/{addons/uikit.gradient.addons.scss → components/uikit.components.gradient.scss} +503 -487
- data/vendor/assets/stylesheets/uikit/{addons/uikit.addons.scss → components/uikit.components.scss} +451 -435
- data/vendor/assets/stylesheets/uikit/gradient.scss +2 -1
- data/vendor/assets/stylesheets/uikit/uikit.almost-flat.scss +5 -6
- data/vendor/assets/stylesheets/uikit/uikit.gradient.scss +15 -16
- data/vendor/assets/stylesheets/uikit/uikit.scss +5 -6
- metadata +19 -19
@@ -1,5 +1,278 @@
|
|
1
|
-
/*! UIkit 2.
|
1
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
/* ========================================================================
|
3
|
+
Component: Autocomplete
|
4
|
+
========================================================================== */
|
5
|
+
/*
|
6
|
+
* 1. Container width fits its content
|
7
|
+
* 2. Create position context
|
8
|
+
* 3. Prevent `inline-block` consequences
|
9
|
+
* 4. Remove the gap between the container and its child element
|
10
|
+
*/
|
11
|
+
|
12
|
+
.uk-autocomplete {
|
13
|
+
/* 1 */
|
14
|
+
display: inline-block;
|
15
|
+
/* 2 */
|
16
|
+
position: relative;
|
17
|
+
/* 3 */
|
18
|
+
max-width: 100%;
|
19
|
+
/* 4 */
|
20
|
+
vertical-align: middle;
|
21
|
+
}
|
22
|
+
|
23
|
+
/* Nav modifier `uk-nav-autocomplete`
|
24
|
+
========================================================================== */
|
25
|
+
/*
|
26
|
+
* Items
|
27
|
+
*/
|
28
|
+
|
29
|
+
.uk-nav-autocomplete {
|
30
|
+
> li {
|
31
|
+
> a {
|
32
|
+
color: #444444;
|
33
|
+
}
|
34
|
+
&.uk-active > a {
|
35
|
+
background: #009dd8;
|
36
|
+
color: #ffffff;
|
37
|
+
/* 1 */
|
38
|
+
outline: none;
|
39
|
+
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
|
40
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
41
|
+
}
|
42
|
+
}
|
43
|
+
.uk-nav-header {
|
44
|
+
color: #999999;
|
45
|
+
}
|
46
|
+
.uk-nav-divider {
|
47
|
+
border-top: 1px solid #dddddd;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
|
51
|
+
/*
|
52
|
+
* Active
|
53
|
+
* 1. Remove default focus style
|
54
|
+
*/
|
55
|
+
|
56
|
+
/*
|
57
|
+
* Sub-object: `uk-nav-header`
|
58
|
+
*/
|
59
|
+
|
60
|
+
/*
|
61
|
+
* Sub-object: `uk-nav-divider`
|
62
|
+
*/
|
63
|
+
|
64
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
65
|
+
/* ========================================================================
|
66
|
+
Component: Cover
|
67
|
+
========================================================================== */
|
68
|
+
/*
|
69
|
+
* Background image always covers and centers its element
|
70
|
+
*/
|
71
|
+
|
72
|
+
.uk-cover-background {
|
73
|
+
background-position: 50% 50%;
|
74
|
+
background-size: cover;
|
75
|
+
background-repeat: no-repeat;
|
76
|
+
}
|
77
|
+
|
78
|
+
/*
|
79
|
+
* Emulates image cover, works with video and image elements
|
80
|
+
* 1. Parent container which clips resized object
|
81
|
+
* 2. Resizes the object to always covers its container
|
82
|
+
* 3. Reset the responsive image CSS
|
83
|
+
* 4. Center object
|
84
|
+
*/
|
85
|
+
/* 1 */
|
86
|
+
|
87
|
+
.uk-cover {
|
88
|
+
overflow: hidden;
|
89
|
+
}
|
90
|
+
|
91
|
+
.uk-cover-object {
|
92
|
+
/* 2 */
|
93
|
+
width: auto;
|
94
|
+
height: auto;
|
95
|
+
min-width: 100%;
|
96
|
+
min-height: 100%;
|
97
|
+
/* 3 */
|
98
|
+
max-width: none;
|
99
|
+
/* 4 */
|
100
|
+
position: relative;
|
101
|
+
left: 50%;
|
102
|
+
top: 50%;
|
103
|
+
-webkit-transform: translate(-50%, -50%);
|
104
|
+
transform: translate(-50%, -50%);
|
105
|
+
}
|
106
|
+
|
107
|
+
/*
|
108
|
+
* To center iframes use `data-uk-cover` JavaScript
|
109
|
+
*/
|
110
|
+
|
111
|
+
[data-uk-cover] {
|
112
|
+
position: relative;
|
113
|
+
left: 50%;
|
114
|
+
top: 50%;
|
115
|
+
-webkit-transform: translate(-50%, -50%);
|
116
|
+
transform: translate(-50%, -50%);
|
117
|
+
}
|
2
118
|
|
119
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
120
|
+
/* ========================================================================
|
121
|
+
Component: Datepicker
|
122
|
+
========================================================================== */
|
123
|
+
/*
|
124
|
+
* 1. Reset dropdown width
|
125
|
+
* 2. Set animation
|
126
|
+
* 3. Needed for scale animation
|
127
|
+
*/
|
128
|
+
|
129
|
+
.uk-datepicker {
|
130
|
+
/* 1 */
|
131
|
+
width: auto;
|
132
|
+
/* 2 */
|
133
|
+
-webkit-animation: uk-fade 0.2s ease-in-out;
|
134
|
+
animation: uk-fade 0.2s ease-in-out;
|
135
|
+
/* 3 */
|
136
|
+
-webkit-transform-origin: 0 0;
|
137
|
+
transform-origin: 0 0;
|
138
|
+
}
|
139
|
+
|
140
|
+
/* Sub-object: `uk-datepicker-nav`
|
141
|
+
========================================================================== */
|
142
|
+
|
143
|
+
.uk-datepicker-nav {
|
144
|
+
margin-bottom: 15px;
|
145
|
+
text-align: center;
|
146
|
+
line-height: 20px;
|
147
|
+
&:before {
|
148
|
+
content: " ";
|
149
|
+
display: table;
|
150
|
+
}
|
151
|
+
&:after {
|
152
|
+
content: " ";
|
153
|
+
display: table;
|
154
|
+
clear: both;
|
155
|
+
}
|
156
|
+
a {
|
157
|
+
color: #444444;
|
158
|
+
text-decoration: none;
|
159
|
+
&:hover {
|
160
|
+
color: #444444;
|
161
|
+
}
|
162
|
+
}
|
163
|
+
}
|
164
|
+
|
165
|
+
/*
|
166
|
+
* Micro clearfix
|
167
|
+
*/
|
168
|
+
|
169
|
+
/*
|
170
|
+
* Previous and next navigation
|
171
|
+
*/
|
172
|
+
|
173
|
+
.uk-datepicker-previous {
|
174
|
+
float: left;
|
175
|
+
}
|
176
|
+
|
177
|
+
.uk-datepicker-next {
|
178
|
+
float: right;
|
179
|
+
}
|
180
|
+
|
181
|
+
.uk-datepicker-previous:after, .uk-datepicker-next:after {
|
182
|
+
width: 20px;
|
183
|
+
font-family: FontAwesome;
|
184
|
+
}
|
185
|
+
|
186
|
+
.uk-datepicker-previous:after {
|
187
|
+
content: "\f053";
|
188
|
+
}
|
189
|
+
|
190
|
+
.uk-datepicker-next:after {
|
191
|
+
content: "\f054";
|
192
|
+
}
|
193
|
+
|
194
|
+
/* Sub-object: `uk-datepicker-heading`
|
195
|
+
========================================================================== */
|
196
|
+
/* Sub-object: `uk-datepicker-table`
|
197
|
+
========================================================================== */
|
198
|
+
/* Block element behavior */
|
199
|
+
|
200
|
+
.uk-datepicker-table {
|
201
|
+
width: 100%;
|
202
|
+
th, td {
|
203
|
+
padding: 2px;
|
204
|
+
}
|
205
|
+
th {
|
206
|
+
font-size: 12px;
|
207
|
+
}
|
208
|
+
a {
|
209
|
+
display: block;
|
210
|
+
width: 26px;
|
211
|
+
line-height: 24px;
|
212
|
+
text-align: center;
|
213
|
+
color: #444444;
|
214
|
+
text-decoration: none;
|
215
|
+
border: 1px solid transparent;
|
216
|
+
border-radius: 4px;
|
217
|
+
background-origin: border-box;
|
218
|
+
}
|
219
|
+
}
|
220
|
+
|
221
|
+
/*
|
222
|
+
* Item
|
223
|
+
*/
|
224
|
+
|
225
|
+
/*
|
226
|
+
* Sub-object: `uk-datepicker-table-muted`
|
227
|
+
*/
|
228
|
+
|
229
|
+
a.uk-datepicker-table-muted {
|
230
|
+
color: #999999;
|
231
|
+
}
|
232
|
+
|
233
|
+
/*
|
234
|
+
* Hover
|
235
|
+
* 1. Apply hover style also to focus state
|
236
|
+
* 2. Remove default focus style
|
237
|
+
*/
|
238
|
+
|
239
|
+
.uk-datepicker-table a {
|
240
|
+
&:hover, &:focus {
|
241
|
+
background-color: #fafafa;
|
242
|
+
color: #444444;
|
243
|
+
/* 2 */
|
244
|
+
outline: none;
|
245
|
+
border-color: rgba(0, 0, 0, 0.2);
|
246
|
+
border-bottom-color: rgba(0, 0, 0, 0.3);
|
247
|
+
text-shadow: 0 1px 0 #ffffff;
|
248
|
+
}
|
249
|
+
&:active {
|
250
|
+
background-color: #f5f5f5;
|
251
|
+
color: #444444;
|
252
|
+
border-color: rgba(0, 0, 0, 0.2);
|
253
|
+
border-top-color: rgba(0, 0, 0, 0.3);
|
254
|
+
background-image: none;
|
255
|
+
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
|
256
|
+
}
|
257
|
+
&.uk-active {
|
258
|
+
background: #009dd8;
|
259
|
+
color: #ffffff;
|
260
|
+
border: 1px solid rgba(0, 0, 0, 0.2);
|
261
|
+
border-bottom-color: rgba(0, 0, 0, 0.4);
|
262
|
+
background-origin: border-box;
|
263
|
+
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
|
264
|
+
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
|
265
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
266
|
+
}
|
267
|
+
}
|
268
|
+
|
269
|
+
/* OnClick */
|
270
|
+
|
271
|
+
/*
|
272
|
+
* Active
|
273
|
+
*/
|
274
|
+
|
275
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
3
276
|
/* ========================================================================
|
4
277
|
Component: Dotnav
|
5
278
|
========================================================================== */
|
@@ -89,106 +362,60 @@
|
|
89
362
|
}
|
90
363
|
}
|
91
364
|
|
365
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
92
366
|
/* ========================================================================
|
93
|
-
Component:
|
367
|
+
Component: Flex
|
94
368
|
========================================================================== */
|
95
|
-
/*
|
96
|
-
* 1. Required for `a` elements
|
97
|
-
* 2. Dimension
|
98
|
-
* 3. Style
|
99
|
-
*/
|
100
369
|
|
101
|
-
.uk-
|
102
|
-
|
103
|
-
display:
|
104
|
-
|
105
|
-
-moz-box-sizing: border-box;
|
106
|
-
box-sizing: border-box;
|
107
|
-
width: 60px;
|
108
|
-
height: 60px;
|
109
|
-
/* 3 */
|
110
|
-
line-height: 60px;
|
111
|
-
color: rgba(50, 50, 50, 0.4);
|
112
|
-
font-size: 60px;
|
113
|
-
text-align: center;
|
114
|
-
&:hover, &:focus {
|
115
|
-
/* 2 */
|
116
|
-
outline: none;
|
117
|
-
/* 3 */
|
118
|
-
text-decoration: none;
|
119
|
-
/* 4 */
|
120
|
-
color: rgba(50, 50, 50, 0.7);
|
121
|
-
cursor: pointer;
|
122
|
-
}
|
123
|
-
&:active {
|
124
|
-
color: rgba(50, 50, 50, 0.9);
|
125
|
-
}
|
370
|
+
.uk-flex {
|
371
|
+
display: -ms-flexbox;
|
372
|
+
display: -webkit-flex;
|
373
|
+
display: flex;
|
126
374
|
}
|
127
375
|
|
376
|
+
/* Alignment
|
377
|
+
========================================================================== */
|
128
378
|
/*
|
129
|
-
*
|
130
|
-
*
|
131
|
-
* 2. Remove default focus style
|
132
|
-
* 3. Required for `a` elements
|
133
|
-
* 4. Style
|
379
|
+
* Vertical alignment
|
380
|
+
* Default value is `stretch`
|
134
381
|
*/
|
135
382
|
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
383
|
+
.uk-flex-top {
|
384
|
+
-ms-flex-align: start;
|
385
|
+
-webkit-align-items: flex-start;
|
386
|
+
align-items: flex-start;
|
387
|
+
}
|
141
388
|
|
142
|
-
.uk-
|
143
|
-
|
144
|
-
|
389
|
+
.uk-flex-middle {
|
390
|
+
-ms-flex-align: center;
|
391
|
+
-webkit-align-items: center;
|
392
|
+
align-items: center;
|
145
393
|
}
|
146
394
|
|
147
|
-
.uk-
|
148
|
-
|
149
|
-
|
395
|
+
.uk-flex-bottom {
|
396
|
+
-ms-flex-align: end;
|
397
|
+
-webkit-align-items: flex-end;
|
398
|
+
align-items: flex-end;
|
150
399
|
}
|
151
400
|
|
152
|
-
/* Sub-object: `uk-slidenav-position`
|
153
|
-
========================================================================== */
|
154
401
|
/*
|
155
|
-
*
|
156
|
-
*
|
157
|
-
* 3. Prevent `inline-block` consequences
|
158
|
-
* 4. Corrects `max-width` behavior if padding and border are used
|
402
|
+
* Horizontal alignment
|
403
|
+
* Default value is `flex-start`
|
159
404
|
*/
|
160
405
|
|
161
|
-
.uk-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
position: relative;
|
166
|
-
/* 3 */
|
167
|
-
max-width: 100%;
|
168
|
-
/* 4 */
|
169
|
-
-moz-box-sizing: border-box;
|
170
|
-
box-sizing: border-box;
|
171
|
-
.uk-slidenav {
|
172
|
-
display: none;
|
173
|
-
position: absolute;
|
174
|
-
top: 50%;
|
175
|
-
margin-top: -30px;
|
176
|
-
}
|
177
|
-
&:hover .uk-slidenav {
|
178
|
-
display: block;
|
179
|
-
}
|
180
|
-
.uk-slidenav-previous {
|
181
|
-
left: 20px;
|
182
|
-
}
|
183
|
-
.uk-slidenav-next {
|
184
|
-
right: 20px;
|
185
|
-
}
|
406
|
+
.uk-flex-center {
|
407
|
+
-ms-flex-pack: center;
|
408
|
+
-webkit-justify-content: center;
|
409
|
+
justify-content: center;
|
186
410
|
}
|
187
411
|
|
188
|
-
|
189
|
-
|
190
|
-
|
412
|
+
.uk-flex-right {
|
413
|
+
-ms-flex-pack: end;
|
414
|
+
-webkit-justify-content: flex-end;
|
415
|
+
justify-content: flex-end;
|
416
|
+
}
|
191
417
|
|
418
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
192
419
|
/* ========================================================================
|
193
420
|
Component: Form advanced
|
194
421
|
Note: Only works in Webkit at the moment
|
@@ -265,84 +492,12 @@
|
|
265
492
|
/* Checkbox */
|
266
493
|
|
267
494
|
/*
|
268
|
-
* Disabled
|
269
|
-
*/
|
270
|
-
|
271
|
-
/* ========================================================================
|
272
|
-
Component: Form file
|
273
|
-
========================================================================== */
|
274
|
-
/*
|
275
|
-
* 1. Behave like form elements
|
276
|
-
* 2. Create position context for dropdowns
|
277
|
-
* 3. Clip content
|
278
|
-
*/
|
279
|
-
|
280
|
-
.uk-form-file {
|
281
|
-
/* 1 */
|
282
|
-
display: inline-block;
|
283
|
-
vertical-align: middle;
|
284
|
-
/* 2 */
|
285
|
-
position: relative;
|
286
|
-
/* 3 */
|
287
|
-
overflow: hidden;
|
288
|
-
input[type="file"] {
|
289
|
-
position: absolute;
|
290
|
-
top: 0;
|
291
|
-
z-index: 1;
|
292
|
-
width: 100%;
|
293
|
-
opacity: 0;
|
294
|
-
cursor: pointer;
|
295
|
-
/* 1 */
|
296
|
-
left: 0;
|
297
|
-
/* 2 */
|
298
|
-
font-size: 500px;
|
299
|
-
}
|
300
|
-
}
|
301
|
-
|
302
|
-
/*
|
303
|
-
* 1. Required for Firefox
|
304
|
-
* 2. Expand height and required for the cursor
|
305
|
-
*/
|
306
|
-
|
307
|
-
/* ========================================================================
|
308
|
-
Component: Form password
|
309
|
-
========================================================================== */
|
310
|
-
/*
|
311
|
-
* 1. Container width fits its content
|
312
|
-
* 2. Create position context
|
313
|
-
* 3. Prevent `inline-block` consequences
|
314
|
-
*/
|
315
|
-
|
316
|
-
.uk-form-password {
|
317
|
-
/* 1 */
|
318
|
-
display: inline-block;
|
319
|
-
/* 2 */
|
320
|
-
position: relative;
|
321
|
-
/* 3 */
|
322
|
-
max-width: 100%;
|
323
|
-
}
|
324
|
-
|
325
|
-
.uk-form-password-toggle {
|
326
|
-
display: block;
|
327
|
-
position: absolute;
|
328
|
-
top: 50%;
|
329
|
-
right: 10px;
|
330
|
-
margin-top: -6px;
|
331
|
-
font-size: 13px;
|
332
|
-
line-height: 13px;
|
333
|
-
color: #999999;
|
334
|
-
&:hover {
|
335
|
-
color: #999999;
|
336
|
-
text-decoration: none;
|
337
|
-
}
|
338
|
-
}
|
339
|
-
|
340
|
-
.uk-form-password > input {
|
341
|
-
padding-right: 50px !important;
|
342
|
-
}
|
495
|
+
* Disabled
|
496
|
+
*/
|
343
497
|
|
498
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
344
499
|
/* ========================================================================
|
345
|
-
Component: Form
|
500
|
+
Component: Form file
|
346
501
|
========================================================================== */
|
347
502
|
/*
|
348
503
|
* 1. Behave like form elements
|
@@ -350,7 +505,7 @@
|
|
350
505
|
* 3. Clip content
|
351
506
|
*/
|
352
507
|
|
353
|
-
.uk-form-
|
508
|
+
.uk-form-file {
|
354
509
|
/* 1 */
|
355
510
|
display: inline-block;
|
356
511
|
vertical-align: middle;
|
@@ -358,279 +513,102 @@
|
|
358
513
|
position: relative;
|
359
514
|
/* 3 */
|
360
515
|
overflow: hidden;
|
361
|
-
|
516
|
+
input[type="file"] {
|
362
517
|
position: absolute;
|
363
518
|
top: 0;
|
364
519
|
z-index: 1;
|
365
520
|
width: 100%;
|
366
|
-
height: 100%;
|
367
521
|
opacity: 0;
|
368
522
|
cursor: pointer;
|
369
523
|
/* 1 */
|
370
524
|
left: 0;
|
371
525
|
/* 2 */
|
372
|
-
-
|
526
|
+
font-size: 500px;
|
373
527
|
}
|
374
528
|
}
|
375
529
|
|
376
530
|
/*
|
377
531
|
* 1. Required for Firefox
|
378
|
-
*
|
379
|
-
*/
|
380
|
-
|
381
|
-
/* ========================================================================
|
382
|
-
Component: Placeholder
|
383
|
-
========================================================================== */
|
384
|
-
|
385
|
-
.uk-placeholder {
|
386
|
-
margin-bottom: 15px;
|
387
|
-
padding: 20px;
|
388
|
-
border: 1px dashed #dddddd;
|
389
|
-
background: #fafafa;
|
390
|
-
color: #444444;
|
391
|
-
}
|
392
|
-
|
393
|
-
/*
|
394
|
-
* Add margin if adjacent element
|
395
|
-
*/
|
396
|
-
|
397
|
-
* + .uk-placeholder {
|
398
|
-
margin-top: 15px;
|
399
|
-
}
|
400
|
-
|
401
|
-
/*
|
402
|
-
* Remove margin from the last-child
|
532
|
+
* 2. Expand height and required for the cursor
|
403
533
|
*/
|
404
534
|
|
405
|
-
.
|
406
|
-
margin-bottom: 0;
|
407
|
-
}
|
408
|
-
|
409
|
-
/* Modifier: `uk-placeholder-large`
|
410
|
-
========================================================================== */
|
411
|
-
|
412
|
-
.uk-placeholder-large {
|
413
|
-
padding-top: 80px;
|
414
|
-
padding-bottom: 80px;
|
415
|
-
}
|
416
|
-
|
535
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
417
536
|
/* ========================================================================
|
418
|
-
Component:
|
537
|
+
Component: Form password
|
419
538
|
========================================================================== */
|
420
539
|
/*
|
421
540
|
* 1. Container width fits its content
|
422
541
|
* 2. Create position context
|
423
542
|
* 3. Prevent `inline-block` consequences
|
424
|
-
* 4. Remove the gap between the container and its child element
|
425
543
|
*/
|
426
544
|
|
427
|
-
.uk-
|
545
|
+
.uk-form-password {
|
428
546
|
/* 1 */
|
429
547
|
display: inline-block;
|
430
548
|
/* 2 */
|
431
549
|
position: relative;
|
432
550
|
/* 3 */
|
433
551
|
max-width: 100%;
|
434
|
-
/* 4 */
|
435
|
-
vertical-align: middle;
|
436
552
|
}
|
437
553
|
|
438
|
-
|
439
|
-
|
440
|
-
|
441
|
-
|
442
|
-
|
443
|
-
|
444
|
-
|
445
|
-
|
446
|
-
|
447
|
-
|
448
|
-
}
|
449
|
-
&.uk-active > a {
|
450
|
-
background: #009dd8;
|
451
|
-
color: #ffffff;
|
452
|
-
/* 1 */
|
453
|
-
outline: none;
|
454
|
-
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
|
455
|
-
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
456
|
-
}
|
457
|
-
}
|
458
|
-
.uk-nav-header {
|
554
|
+
.uk-form-password-toggle {
|
555
|
+
display: block;
|
556
|
+
position: absolute;
|
557
|
+
top: 50%;
|
558
|
+
right: 10px;
|
559
|
+
margin-top: -6px;
|
560
|
+
font-size: 13px;
|
561
|
+
line-height: 13px;
|
562
|
+
color: #999999;
|
563
|
+
&:hover {
|
459
564
|
color: #999999;
|
460
|
-
|
461
|
-
.uk-nav-divider {
|
462
|
-
border-top: 1px solid #dddddd;
|
565
|
+
text-decoration: none;
|
463
566
|
}
|
464
567
|
}
|
465
568
|
|
466
|
-
|
467
|
-
|
468
|
-
|
469
|
-
*/
|
470
|
-
|
471
|
-
/*
|
472
|
-
* Sub-object: `uk-nav-header`
|
473
|
-
*/
|
474
|
-
|
475
|
-
/*
|
476
|
-
* Sub-object: `uk-nav-divider`
|
477
|
-
*/
|
569
|
+
.uk-form-password > input {
|
570
|
+
padding-right: 50px !important;
|
571
|
+
}
|
478
572
|
|
573
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
479
574
|
/* ========================================================================
|
480
|
-
Component:
|
575
|
+
Component: Form select
|
481
576
|
========================================================================== */
|
482
577
|
/*
|
483
|
-
* 1.
|
484
|
-
* 2.
|
485
|
-
* 3.
|
578
|
+
* 1. Behave like form elements
|
579
|
+
* 2. Create position context for dropdowns
|
580
|
+
* 3. Clip content
|
486
581
|
*/
|
487
582
|
|
488
|
-
.uk-
|
583
|
+
.uk-form-select {
|
489
584
|
/* 1 */
|
490
|
-
|
585
|
+
display: inline-block;
|
586
|
+
vertical-align: middle;
|
491
587
|
/* 2 */
|
492
|
-
|
493
|
-
animation: uk-fade 0.2s ease-in-out;
|
588
|
+
position: relative;
|
494
589
|
/* 3 */
|
495
|
-
|
496
|
-
|
497
|
-
|
498
|
-
|
499
|
-
|
500
|
-
|
501
|
-
|
502
|
-
|
503
|
-
|
504
|
-
|
505
|
-
|
506
|
-
|
507
|
-
|
508
|
-
display: table;
|
509
|
-
}
|
510
|
-
&:after {
|
511
|
-
content: " ";
|
512
|
-
display: table;
|
513
|
-
clear: both;
|
514
|
-
}
|
515
|
-
a {
|
516
|
-
color: #444444;
|
517
|
-
text-decoration: none;
|
518
|
-
&:hover {
|
519
|
-
color: #444444;
|
520
|
-
}
|
521
|
-
}
|
522
|
-
}
|
523
|
-
|
524
|
-
/*
|
525
|
-
* Micro clearfix
|
526
|
-
*/
|
527
|
-
|
528
|
-
/*
|
529
|
-
* Previous and next navigation
|
530
|
-
*/
|
531
|
-
|
532
|
-
.uk-datepicker-previous {
|
533
|
-
float: left;
|
534
|
-
}
|
535
|
-
|
536
|
-
.uk-datepicker-next {
|
537
|
-
float: right;
|
538
|
-
}
|
539
|
-
|
540
|
-
.uk-datepicker-previous:after, .uk-datepicker-next:after {
|
541
|
-
width: 20px;
|
542
|
-
font-family: FontAwesome;
|
543
|
-
}
|
544
|
-
|
545
|
-
.uk-datepicker-previous:after {
|
546
|
-
content: "\f053";
|
547
|
-
}
|
548
|
-
|
549
|
-
.uk-datepicker-next:after {
|
550
|
-
content: "\f054";
|
551
|
-
}
|
552
|
-
|
553
|
-
/* Sub-object: `uk-datepicker-heading`
|
554
|
-
========================================================================== */
|
555
|
-
/* Sub-object: `uk-datepicker-table`
|
556
|
-
========================================================================== */
|
557
|
-
/* Block element behavior */
|
558
|
-
|
559
|
-
.uk-datepicker-table {
|
560
|
-
width: 100%;
|
561
|
-
th, td {
|
562
|
-
padding: 2px;
|
563
|
-
}
|
564
|
-
th {
|
565
|
-
font-size: 12px;
|
566
|
-
}
|
567
|
-
a {
|
568
|
-
display: block;
|
569
|
-
width: 26px;
|
570
|
-
line-height: 24px;
|
571
|
-
text-align: center;
|
572
|
-
color: #444444;
|
573
|
-
text-decoration: none;
|
574
|
-
border: 1px solid transparent;
|
575
|
-
border-radius: 4px;
|
576
|
-
background-origin: border-box;
|
577
|
-
}
|
578
|
-
}
|
579
|
-
|
580
|
-
/*
|
581
|
-
* Item
|
582
|
-
*/
|
583
|
-
|
584
|
-
/*
|
585
|
-
* Sub-object: `uk-datepicker-table-muted`
|
586
|
-
*/
|
587
|
-
|
588
|
-
a.uk-datepicker-table-muted {
|
589
|
-
color: #999999;
|
590
|
-
}
|
591
|
-
|
592
|
-
/*
|
593
|
-
* Hover
|
594
|
-
* 1. Apply hover style also to focus state
|
595
|
-
* 2. Remove default focus style
|
596
|
-
*/
|
597
|
-
|
598
|
-
.uk-datepicker-table a {
|
599
|
-
&:hover, &:focus {
|
600
|
-
background-color: #fafafa;
|
601
|
-
color: #444444;
|
602
|
-
/* 2 */
|
603
|
-
outline: none;
|
604
|
-
border-color: rgba(0, 0, 0, 0.2);
|
605
|
-
border-bottom-color: rgba(0, 0, 0, 0.3);
|
606
|
-
text-shadow: 0 1px 0 #ffffff;
|
607
|
-
}
|
608
|
-
&:active {
|
609
|
-
background-color: #f5f5f5;
|
610
|
-
color: #444444;
|
611
|
-
border-color: rgba(0, 0, 0, 0.2);
|
612
|
-
border-top-color: rgba(0, 0, 0, 0.3);
|
613
|
-
background-image: none;
|
614
|
-
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
|
615
|
-
}
|
616
|
-
&.uk-active {
|
617
|
-
background: #009dd8;
|
618
|
-
color: #ffffff;
|
619
|
-
border: 1px solid rgba(0, 0, 0, 0.2);
|
620
|
-
border-bottom-color: rgba(0, 0, 0, 0.4);
|
621
|
-
background-origin: border-box;
|
622
|
-
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
|
623
|
-
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
|
624
|
-
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
590
|
+
overflow: hidden;
|
591
|
+
select {
|
592
|
+
position: absolute;
|
593
|
+
top: 0;
|
594
|
+
z-index: 1;
|
595
|
+
width: 100%;
|
596
|
+
height: 100%;
|
597
|
+
opacity: 0;
|
598
|
+
cursor: pointer;
|
599
|
+
/* 1 */
|
600
|
+
left: 0;
|
601
|
+
/* 2 */
|
602
|
+
-webkit-appearance: none;
|
625
603
|
}
|
626
604
|
}
|
627
605
|
|
628
|
-
/* OnClick */
|
629
|
-
|
630
606
|
/*
|
631
|
-
*
|
607
|
+
* 1. Required for Firefox
|
608
|
+
* 1. Required for Webkit to make `height` work
|
632
609
|
*/
|
633
610
|
|
611
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
634
612
|
/* ========================================================================
|
635
613
|
Component: HTML editor
|
636
614
|
========================================================================== */
|
@@ -921,6 +899,7 @@ a.uk-datepicker-table-muted {
|
|
921
899
|
}
|
922
900
|
}
|
923
901
|
|
902
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
924
903
|
/* ========================================================================
|
925
904
|
Component: Nestable
|
926
905
|
========================================================================== */
|
@@ -1057,6 +1036,7 @@ a.uk-datepicker-table-muted {
|
|
1057
1036
|
}
|
1058
1037
|
}
|
1059
1038
|
|
1039
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1060
1040
|
/* ========================================================================
|
1061
1041
|
Component: Notify
|
1062
1042
|
========================================================================== */
|
@@ -1169,6 +1149,44 @@ a.uk-datepicker-table-muted {
|
|
1169
1149
|
border-color: rgba(216, 80, 48, 0.3);
|
1170
1150
|
}
|
1171
1151
|
|
1152
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1153
|
+
/* ========================================================================
|
1154
|
+
Component: Placeholder
|
1155
|
+
========================================================================== */
|
1156
|
+
|
1157
|
+
.uk-placeholder {
|
1158
|
+
margin-bottom: 15px;
|
1159
|
+
padding: 20px;
|
1160
|
+
border: 1px dashed #dddddd;
|
1161
|
+
background: #fafafa;
|
1162
|
+
color: #444444;
|
1163
|
+
}
|
1164
|
+
|
1165
|
+
/*
|
1166
|
+
* Add margin if adjacent element
|
1167
|
+
*/
|
1168
|
+
|
1169
|
+
* + .uk-placeholder {
|
1170
|
+
margin-top: 15px;
|
1171
|
+
}
|
1172
|
+
|
1173
|
+
/*
|
1174
|
+
* Remove margin from the last-child
|
1175
|
+
*/
|
1176
|
+
|
1177
|
+
.uk-placeholder > :last-child {
|
1178
|
+
margin-bottom: 0;
|
1179
|
+
}
|
1180
|
+
|
1181
|
+
/* Modifier: `uk-placeholder-large`
|
1182
|
+
========================================================================== */
|
1183
|
+
|
1184
|
+
.uk-placeholder-large {
|
1185
|
+
padding-top: 80px;
|
1186
|
+
padding-bottom: 80px;
|
1187
|
+
}
|
1188
|
+
|
1189
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1172
1190
|
/* ========================================================================
|
1173
1191
|
Component: Search
|
1174
1192
|
========================================================================== */
|
@@ -1385,6 +1403,108 @@ a.uk-datepicker-table-muted {
|
|
1385
1403
|
}
|
1386
1404
|
}
|
1387
1405
|
|
1406
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1407
|
+
/* ========================================================================
|
1408
|
+
Component: Slidenav
|
1409
|
+
========================================================================== */
|
1410
|
+
/*
|
1411
|
+
* 1. Required for `a` elements
|
1412
|
+
* 2. Dimension
|
1413
|
+
* 3. Style
|
1414
|
+
*/
|
1415
|
+
|
1416
|
+
.uk-slidenav {
|
1417
|
+
/* 1 */
|
1418
|
+
display: inline-block;
|
1419
|
+
/* 2 */
|
1420
|
+
-moz-box-sizing: border-box;
|
1421
|
+
box-sizing: border-box;
|
1422
|
+
width: 60px;
|
1423
|
+
height: 60px;
|
1424
|
+
/* 3 */
|
1425
|
+
line-height: 60px;
|
1426
|
+
color: rgba(50, 50, 50, 0.4);
|
1427
|
+
font-size: 60px;
|
1428
|
+
text-align: center;
|
1429
|
+
&:hover, &:focus {
|
1430
|
+
/* 2 */
|
1431
|
+
outline: none;
|
1432
|
+
/* 3 */
|
1433
|
+
text-decoration: none;
|
1434
|
+
/* 4 */
|
1435
|
+
color: rgba(50, 50, 50, 0.7);
|
1436
|
+
cursor: pointer;
|
1437
|
+
}
|
1438
|
+
&:active {
|
1439
|
+
color: rgba(50, 50, 50, 0.9);
|
1440
|
+
}
|
1441
|
+
}
|
1442
|
+
|
1443
|
+
/*
|
1444
|
+
* Hover
|
1445
|
+
* 1. Apply hover style also to focus state
|
1446
|
+
* 2. Remove default focus style
|
1447
|
+
* 3. Required for `a` elements
|
1448
|
+
* 4. Style
|
1449
|
+
*/
|
1450
|
+
|
1451
|
+
/* Active */
|
1452
|
+
|
1453
|
+
/*
|
1454
|
+
* Icons
|
1455
|
+
*/
|
1456
|
+
|
1457
|
+
.uk-slidenav-previous:before {
|
1458
|
+
content: "\f104";
|
1459
|
+
font-family: FontAwesome;
|
1460
|
+
}
|
1461
|
+
|
1462
|
+
.uk-slidenav-next:before {
|
1463
|
+
content: "\f105";
|
1464
|
+
font-family: FontAwesome;
|
1465
|
+
}
|
1466
|
+
|
1467
|
+
/* Sub-object: `uk-slidenav-position`
|
1468
|
+
========================================================================== */
|
1469
|
+
/*
|
1470
|
+
* 1. Container width fits its content
|
1471
|
+
* 2. Create position context
|
1472
|
+
* 3. Prevent `inline-block` consequences
|
1473
|
+
* 4. Corrects `max-width` behavior if padding and border are used
|
1474
|
+
*/
|
1475
|
+
|
1476
|
+
.uk-slidenav-position {
|
1477
|
+
/* 1 */
|
1478
|
+
display: inline-block;
|
1479
|
+
/* 2 */
|
1480
|
+
position: relative;
|
1481
|
+
/* 3 */
|
1482
|
+
max-width: 100%;
|
1483
|
+
/* 4 */
|
1484
|
+
-moz-box-sizing: border-box;
|
1485
|
+
box-sizing: border-box;
|
1486
|
+
.uk-slidenav {
|
1487
|
+
display: none;
|
1488
|
+
position: absolute;
|
1489
|
+
top: 50%;
|
1490
|
+
margin-top: -30px;
|
1491
|
+
}
|
1492
|
+
&:hover .uk-slidenav {
|
1493
|
+
display: block;
|
1494
|
+
}
|
1495
|
+
.uk-slidenav-previous {
|
1496
|
+
left: 20px;
|
1497
|
+
}
|
1498
|
+
.uk-slidenav-next {
|
1499
|
+
right: 20px;
|
1500
|
+
}
|
1501
|
+
}
|
1502
|
+
|
1503
|
+
/*
|
1504
|
+
* Center vertically
|
1505
|
+
*/
|
1506
|
+
|
1507
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1388
1508
|
/* ========================================================================
|
1389
1509
|
Component: Sortable
|
1390
1510
|
========================================================================== */
|
@@ -1446,6 +1566,7 @@ a.uk-datepicker-table-muted {
|
|
1446
1566
|
}
|
1447
1567
|
}
|
1448
1568
|
|
1569
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1449
1570
|
/* ========================================================================
|
1450
1571
|
Component: Sticky
|
1451
1572
|
========================================================================== */
|
@@ -1474,6 +1595,7 @@ a.uk-datepicker-table-muted {
|
|
1474
1595
|
* Faster animations
|
1475
1596
|
*/
|
1476
1597
|
|
1598
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1477
1599
|
/* ========================================================================
|
1478
1600
|
Component: Upload
|
1479
1601
|
========================================================================== */
|
@@ -1484,109 +1606,3 @@ a.uk-datepicker-table-muted {
|
|
1484
1606
|
.uk-dragover {
|
1485
1607
|
box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
|
1486
1608
|
}
|
1487
|
-
|
1488
|
-
/* ========================================================================
|
1489
|
-
Component: Flex
|
1490
|
-
========================================================================== */
|
1491
|
-
|
1492
|
-
.uk-flex {
|
1493
|
-
display: -ms-flexbox;
|
1494
|
-
display: -webkit-flex;
|
1495
|
-
display: flex;
|
1496
|
-
}
|
1497
|
-
|
1498
|
-
/* Alignment
|
1499
|
-
========================================================================== */
|
1500
|
-
/*
|
1501
|
-
* Vertical alignment
|
1502
|
-
* Default value is `stretch`
|
1503
|
-
*/
|
1504
|
-
|
1505
|
-
.uk-flex-top {
|
1506
|
-
-ms-flex-align: start;
|
1507
|
-
-webkit-align-items: flex-start;
|
1508
|
-
align-items: flex-start;
|
1509
|
-
}
|
1510
|
-
|
1511
|
-
.uk-flex-middle {
|
1512
|
-
-ms-flex-align: center;
|
1513
|
-
-webkit-align-items: center;
|
1514
|
-
align-items: center;
|
1515
|
-
}
|
1516
|
-
|
1517
|
-
.uk-flex-bottom {
|
1518
|
-
-ms-flex-align: end;
|
1519
|
-
-webkit-align-items: flex-end;
|
1520
|
-
align-items: flex-end;
|
1521
|
-
}
|
1522
|
-
|
1523
|
-
/*
|
1524
|
-
* Horizontal alignment
|
1525
|
-
* Default value is `flex-start`
|
1526
|
-
*/
|
1527
|
-
|
1528
|
-
.uk-flex-center {
|
1529
|
-
-ms-flex-pack: center;
|
1530
|
-
-webkit-justify-content: center;
|
1531
|
-
justify-content: center;
|
1532
|
-
}
|
1533
|
-
|
1534
|
-
.uk-flex-right {
|
1535
|
-
-ms-flex-pack: end;
|
1536
|
-
-webkit-justify-content: flex-end;
|
1537
|
-
justify-content: flex-end;
|
1538
|
-
}
|
1539
|
-
|
1540
|
-
/* ========================================================================
|
1541
|
-
Component: Cover
|
1542
|
-
========================================================================== */
|
1543
|
-
/*
|
1544
|
-
* Background image always covers and centers its element
|
1545
|
-
*/
|
1546
|
-
|
1547
|
-
.uk-cover-background {
|
1548
|
-
background-position: 50% 50%;
|
1549
|
-
background-size: cover;
|
1550
|
-
background-repeat: no-repeat;
|
1551
|
-
}
|
1552
|
-
|
1553
|
-
/*
|
1554
|
-
* Emulates image cover, works with video and image elements
|
1555
|
-
* 1. Parent container which clips resized object
|
1556
|
-
* 2. Resizes the object to always covers its container
|
1557
|
-
* 3. Reset the responsive image CSS
|
1558
|
-
* 4. Center object
|
1559
|
-
*/
|
1560
|
-
/* 1 */
|
1561
|
-
|
1562
|
-
.uk-cover {
|
1563
|
-
overflow: hidden;
|
1564
|
-
}
|
1565
|
-
|
1566
|
-
.uk-cover-object {
|
1567
|
-
/* 2 */
|
1568
|
-
width: auto;
|
1569
|
-
height: auto;
|
1570
|
-
min-width: 100%;
|
1571
|
-
min-height: 100%;
|
1572
|
-
/* 3 */
|
1573
|
-
max-width: none;
|
1574
|
-
/* 4 */
|
1575
|
-
position: relative;
|
1576
|
-
left: 50%;
|
1577
|
-
top: 50%;
|
1578
|
-
-webkit-transform: translate(-50%, -50%);
|
1579
|
-
transform: translate(-50%, -50%);
|
1580
|
-
}
|
1581
|
-
|
1582
|
-
/*
|
1583
|
-
* To center iframes use `data-uk-cover` JavaScript
|
1584
|
-
*/
|
1585
|
-
|
1586
|
-
[data-uk-cover] {
|
1587
|
-
position: relative;
|
1588
|
-
left: 50%;
|
1589
|
-
top: 50%;
|
1590
|
-
-webkit-transform: translate(-50%, -50%);
|
1591
|
-
transform: translate(-50%, -50%);
|
1592
|
-
}
|