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,268 @@
|
|
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: #00a8e6;
|
36
|
+
color: #ffffff;
|
37
|
+
/* 1 */
|
38
|
+
outline: none;
|
39
|
+
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
40
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
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
|
+
}
|
218
|
+
}
|
219
|
+
|
220
|
+
/*
|
221
|
+
* Item
|
222
|
+
*/
|
223
|
+
|
224
|
+
/*
|
225
|
+
* Sub-object: `uk-datepicker-table-muted`
|
226
|
+
*/
|
227
|
+
|
228
|
+
a.uk-datepicker-table-muted {
|
229
|
+
color: #999999;
|
230
|
+
}
|
231
|
+
|
232
|
+
/*
|
233
|
+
* Hover
|
234
|
+
* 1. Apply hover style also to focus state
|
235
|
+
* 2. Remove default focus style
|
236
|
+
*/
|
237
|
+
|
238
|
+
.uk-datepicker-table a {
|
239
|
+
&:hover, &:focus {
|
240
|
+
background-color: #fafafa;
|
241
|
+
color: #444444;
|
242
|
+
/* 2 */
|
243
|
+
outline: none;
|
244
|
+
border-color: rgba(0, 0, 0, 0.16);
|
245
|
+
text-shadow: 0 1px 0 #ffffff;
|
246
|
+
}
|
247
|
+
&:active {
|
248
|
+
background-color: #eeeeee;
|
249
|
+
color: #444444;
|
250
|
+
}
|
251
|
+
&.uk-active {
|
252
|
+
background: #00a8e6;
|
253
|
+
color: #ffffff;
|
254
|
+
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
255
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
256
|
+
}
|
257
|
+
}
|
258
|
+
|
259
|
+
/* OnClick */
|
260
|
+
|
261
|
+
/*
|
262
|
+
* Active
|
263
|
+
*/
|
264
|
+
|
265
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
3
266
|
/* ========================================================================
|
4
267
|
Component: Dotnav
|
5
268
|
========================================================================== */
|
@@ -89,106 +352,60 @@
|
|
89
352
|
}
|
90
353
|
}
|
91
354
|
|
355
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
92
356
|
/* ========================================================================
|
93
|
-
Component:
|
357
|
+
Component: Flex
|
94
358
|
========================================================================== */
|
95
|
-
/*
|
96
|
-
* 1. Required for `a` elements
|
97
|
-
* 2. Dimension
|
98
|
-
* 3. Style
|
99
|
-
*/
|
100
359
|
|
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
|
-
}
|
360
|
+
.uk-flex {
|
361
|
+
display: -ms-flexbox;
|
362
|
+
display: -webkit-flex;
|
363
|
+
display: flex;
|
126
364
|
}
|
127
365
|
|
366
|
+
/* Alignment
|
367
|
+
========================================================================== */
|
128
368
|
/*
|
129
|
-
*
|
130
|
-
*
|
131
|
-
* 2. Remove default focus style
|
132
|
-
* 3. Required for `a` elements
|
133
|
-
* 4. Style
|
369
|
+
* Vertical alignment
|
370
|
+
* Default value is `stretch`
|
134
371
|
*/
|
135
372
|
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
373
|
+
.uk-flex-top {
|
374
|
+
-ms-flex-align: start;
|
375
|
+
-webkit-align-items: flex-start;
|
376
|
+
align-items: flex-start;
|
377
|
+
}
|
141
378
|
|
142
|
-
.uk-
|
143
|
-
|
144
|
-
|
379
|
+
.uk-flex-middle {
|
380
|
+
-ms-flex-align: center;
|
381
|
+
-webkit-align-items: center;
|
382
|
+
align-items: center;
|
145
383
|
}
|
146
384
|
|
147
|
-
.uk-
|
148
|
-
|
149
|
-
|
385
|
+
.uk-flex-bottom {
|
386
|
+
-ms-flex-align: end;
|
387
|
+
-webkit-align-items: flex-end;
|
388
|
+
align-items: flex-end;
|
150
389
|
}
|
151
390
|
|
152
|
-
/* Sub-object: `uk-slidenav-position`
|
153
|
-
========================================================================== */
|
154
391
|
/*
|
155
|
-
*
|
156
|
-
*
|
157
|
-
* 3. Prevent `inline-block` consequences
|
158
|
-
* 4. Corrects `max-width` behavior if padding and border are used
|
392
|
+
* Horizontal alignment
|
393
|
+
* Default value is `flex-start`
|
159
394
|
*/
|
160
395
|
|
161
|
-
.uk-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
-
|
170
|
-
|
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
|
-
}
|
396
|
+
.uk-flex-center {
|
397
|
+
-ms-flex-pack: center;
|
398
|
+
-webkit-justify-content: center;
|
399
|
+
justify-content: center;
|
400
|
+
}
|
401
|
+
|
402
|
+
.uk-flex-right {
|
403
|
+
-ms-flex-pack: end;
|
404
|
+
-webkit-justify-content: flex-end;
|
405
|
+
justify-content: flex-end;
|
186
406
|
}
|
187
407
|
|
188
|
-
|
189
|
-
* Center vertically
|
190
|
-
*/
|
191
|
-
|
408
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
192
409
|
/* ========================================================================
|
193
410
|
Component: Form advanced
|
194
411
|
Note: Only works in Webkit at the moment
|
@@ -268,6 +485,7 @@
|
|
268
485
|
* Disabled
|
269
486
|
*/
|
270
487
|
|
488
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
271
489
|
/* ========================================================================
|
272
490
|
Component: Form file
|
273
491
|
========================================================================== */
|
@@ -304,6 +522,7 @@
|
|
304
522
|
* 2. Expand height and required for the cursor
|
305
523
|
*/
|
306
524
|
|
525
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
307
526
|
/* ========================================================================
|
308
527
|
Component: Form password
|
309
528
|
========================================================================== */
|
@@ -341,6 +560,7 @@
|
|
341
560
|
padding-right: 50px !important;
|
342
561
|
}
|
343
562
|
|
563
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
344
564
|
/* ========================================================================
|
345
565
|
Component: Form select
|
346
566
|
========================================================================== */
|
@@ -361,266 +581,24 @@
|
|
361
581
|
select {
|
362
582
|
position: absolute;
|
363
583
|
top: 0;
|
364
|
-
z-index: 1;
|
365
|
-
width: 100%;
|
366
|
-
height: 100%;
|
367
|
-
opacity: 0;
|
368
|
-
cursor: pointer;
|
369
|
-
/* 1 */
|
370
|
-
left: 0;
|
371
|
-
/* 2 */
|
372
|
-
-webkit-appearance: none;
|
373
|
-
}
|
374
|
-
}
|
375
|
-
|
376
|
-
/*
|
377
|
-
* 1. Required for Firefox
|
378
|
-
* 1. Required for Webkit to make `height` work
|
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
|
403
|
-
*/
|
404
|
-
|
405
|
-
.uk-placeholder > :last-child {
|
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
|
-
|
417
|
-
/* ========================================================================
|
418
|
-
Component: Autocomplete
|
419
|
-
========================================================================== */
|
420
|
-
/*
|
421
|
-
* 1. Container width fits its content
|
422
|
-
* 2. Create position context
|
423
|
-
* 3. Prevent `inline-block` consequences
|
424
|
-
* 4. Remove the gap between the container and its child element
|
425
|
-
*/
|
426
|
-
|
427
|
-
.uk-autocomplete {
|
428
|
-
/* 1 */
|
429
|
-
display: inline-block;
|
430
|
-
/* 2 */
|
431
|
-
position: relative;
|
432
|
-
/* 3 */
|
433
|
-
max-width: 100%;
|
434
|
-
/* 4 */
|
435
|
-
vertical-align: middle;
|
436
|
-
}
|
437
|
-
|
438
|
-
/* Nav modifier `uk-nav-autocomplete`
|
439
|
-
========================================================================== */
|
440
|
-
/*
|
441
|
-
* Items
|
442
|
-
*/
|
443
|
-
|
444
|
-
.uk-nav-autocomplete {
|
445
|
-
> li {
|
446
|
-
> a {
|
447
|
-
color: #444444;
|
448
|
-
}
|
449
|
-
&.uk-active > a {
|
450
|
-
background: #00a8e6;
|
451
|
-
color: #ffffff;
|
452
|
-
/* 1 */
|
453
|
-
outline: none;
|
454
|
-
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
455
|
-
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
456
|
-
}
|
457
|
-
}
|
458
|
-
.uk-nav-header {
|
459
|
-
color: #999999;
|
460
|
-
}
|
461
|
-
.uk-nav-divider {
|
462
|
-
border-top: 1px solid #dddddd;
|
463
|
-
}
|
464
|
-
}
|
465
|
-
|
466
|
-
/*
|
467
|
-
* Active
|
468
|
-
* 1. Remove default focus style
|
469
|
-
*/
|
470
|
-
|
471
|
-
/*
|
472
|
-
* Sub-object: `uk-nav-header`
|
473
|
-
*/
|
474
|
-
|
475
|
-
/*
|
476
|
-
* Sub-object: `uk-nav-divider`
|
477
|
-
*/
|
478
|
-
|
479
|
-
/* ========================================================================
|
480
|
-
Component: Datepicker
|
481
|
-
========================================================================== */
|
482
|
-
/*
|
483
|
-
* 1. Reset dropdown width
|
484
|
-
* 2. Set animation
|
485
|
-
* 3. Needed for scale animation
|
486
|
-
*/
|
487
|
-
|
488
|
-
.uk-datepicker {
|
489
|
-
/* 1 */
|
490
|
-
width: auto;
|
491
|
-
/* 2 */
|
492
|
-
-webkit-animation: uk-fade 0.2s ease-in-out;
|
493
|
-
animation: uk-fade 0.2s ease-in-out;
|
494
|
-
/* 3 */
|
495
|
-
-webkit-transform-origin: 0 0;
|
496
|
-
transform-origin: 0 0;
|
497
|
-
}
|
498
|
-
|
499
|
-
/* Sub-object: `uk-datepicker-nav`
|
500
|
-
========================================================================== */
|
501
|
-
|
502
|
-
.uk-datepicker-nav {
|
503
|
-
margin-bottom: 15px;
|
504
|
-
text-align: center;
|
505
|
-
line-height: 20px;
|
506
|
-
&:before {
|
507
|
-
content: " ";
|
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
|
-
}
|
577
|
-
}
|
578
|
-
|
579
|
-
/*
|
580
|
-
* Item
|
581
|
-
*/
|
582
|
-
|
583
|
-
/*
|
584
|
-
* Sub-object: `uk-datepicker-table-muted`
|
585
|
-
*/
|
586
|
-
|
587
|
-
a.uk-datepicker-table-muted {
|
588
|
-
color: #999999;
|
589
|
-
}
|
590
|
-
|
591
|
-
/*
|
592
|
-
* Hover
|
593
|
-
* 1. Apply hover style also to focus state
|
594
|
-
* 2. Remove default focus style
|
595
|
-
*/
|
596
|
-
|
597
|
-
.uk-datepicker-table a {
|
598
|
-
&:hover, &:focus {
|
599
|
-
background-color: #fafafa;
|
600
|
-
color: #444444;
|
601
|
-
/* 2 */
|
602
|
-
outline: none;
|
603
|
-
border-color: rgba(0, 0, 0, 0.16);
|
604
|
-
text-shadow: 0 1px 0 #ffffff;
|
605
|
-
}
|
606
|
-
&:active {
|
607
|
-
background-color: #eeeeee;
|
608
|
-
color: #444444;
|
609
|
-
}
|
610
|
-
&.uk-active {
|
611
|
-
background: #00a8e6;
|
612
|
-
color: #ffffff;
|
613
|
-
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
614
|
-
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
584
|
+
z-index: 1;
|
585
|
+
width: 100%;
|
586
|
+
height: 100%;
|
587
|
+
opacity: 0;
|
588
|
+
cursor: pointer;
|
589
|
+
/* 1 */
|
590
|
+
left: 0;
|
591
|
+
/* 2 */
|
592
|
+
-webkit-appearance: none;
|
615
593
|
}
|
616
594
|
}
|
617
595
|
|
618
|
-
/* OnClick */
|
619
|
-
|
620
596
|
/*
|
621
|
-
*
|
597
|
+
* 1. Required for Firefox
|
598
|
+
* 1. Required for Webkit to make `height` work
|
622
599
|
*/
|
623
600
|
|
601
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
624
602
|
/* ========================================================================
|
625
603
|
Component: HTML editor
|
626
604
|
========================================================================== */
|
@@ -903,6 +881,7 @@ a.uk-datepicker-table-muted {
|
|
903
881
|
}
|
904
882
|
}
|
905
883
|
|
884
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
906
885
|
/* ========================================================================
|
907
886
|
Component: Nestable
|
908
887
|
========================================================================== */
|
@@ -1035,6 +1014,7 @@ a.uk-datepicker-table-muted {
|
|
1035
1014
|
}
|
1036
1015
|
}
|
1037
1016
|
|
1017
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1038
1018
|
/* ========================================================================
|
1039
1019
|
Component: Notify
|
1040
1020
|
========================================================================== */
|
@@ -1147,6 +1127,44 @@ a.uk-datepicker-table-muted {
|
|
1147
1127
|
border-color: rgba(216, 80, 48, 0.3);
|
1148
1128
|
}
|
1149
1129
|
|
1130
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1131
|
+
/* ========================================================================
|
1132
|
+
Component: Placeholder
|
1133
|
+
========================================================================== */
|
1134
|
+
|
1135
|
+
.uk-placeholder {
|
1136
|
+
margin-bottom: 15px;
|
1137
|
+
padding: 20px;
|
1138
|
+
border: 1px dashed #dddddd;
|
1139
|
+
background: #fafafa;
|
1140
|
+
color: #444444;
|
1141
|
+
}
|
1142
|
+
|
1143
|
+
/*
|
1144
|
+
* Add margin if adjacent element
|
1145
|
+
*/
|
1146
|
+
|
1147
|
+
* + .uk-placeholder {
|
1148
|
+
margin-top: 15px;
|
1149
|
+
}
|
1150
|
+
|
1151
|
+
/*
|
1152
|
+
* Remove margin from the last-child
|
1153
|
+
*/
|
1154
|
+
|
1155
|
+
.uk-placeholder > :last-child {
|
1156
|
+
margin-bottom: 0;
|
1157
|
+
}
|
1158
|
+
|
1159
|
+
/* Modifier: `uk-placeholder-large`
|
1160
|
+
========================================================================== */
|
1161
|
+
|
1162
|
+
.uk-placeholder-large {
|
1163
|
+
padding-top: 80px;
|
1164
|
+
padding-bottom: 80px;
|
1165
|
+
}
|
1166
|
+
|
1167
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1150
1168
|
/* ========================================================================
|
1151
1169
|
Component: Search
|
1152
1170
|
========================================================================== */
|
@@ -1363,6 +1381,108 @@ a.uk-datepicker-table-muted {
|
|
1363
1381
|
}
|
1364
1382
|
}
|
1365
1383
|
|
1384
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1385
|
+
/* ========================================================================
|
1386
|
+
Component: Slidenav
|
1387
|
+
========================================================================== */
|
1388
|
+
/*
|
1389
|
+
* 1. Required for `a` elements
|
1390
|
+
* 2. Dimension
|
1391
|
+
* 3. Style
|
1392
|
+
*/
|
1393
|
+
|
1394
|
+
.uk-slidenav {
|
1395
|
+
/* 1 */
|
1396
|
+
display: inline-block;
|
1397
|
+
/* 2 */
|
1398
|
+
-moz-box-sizing: border-box;
|
1399
|
+
box-sizing: border-box;
|
1400
|
+
width: 60px;
|
1401
|
+
height: 60px;
|
1402
|
+
/* 3 */
|
1403
|
+
line-height: 60px;
|
1404
|
+
color: rgba(50, 50, 50, 0.4);
|
1405
|
+
font-size: 60px;
|
1406
|
+
text-align: center;
|
1407
|
+
&:hover, &:focus {
|
1408
|
+
/* 2 */
|
1409
|
+
outline: none;
|
1410
|
+
/* 3 */
|
1411
|
+
text-decoration: none;
|
1412
|
+
/* 4 */
|
1413
|
+
color: rgba(50, 50, 50, 0.7);
|
1414
|
+
cursor: pointer;
|
1415
|
+
}
|
1416
|
+
&:active {
|
1417
|
+
color: rgba(50, 50, 50, 0.9);
|
1418
|
+
}
|
1419
|
+
}
|
1420
|
+
|
1421
|
+
/*
|
1422
|
+
* Hover
|
1423
|
+
* 1. Apply hover style also to focus state
|
1424
|
+
* 2. Remove default focus style
|
1425
|
+
* 3. Required for `a` elements
|
1426
|
+
* 4. Style
|
1427
|
+
*/
|
1428
|
+
|
1429
|
+
/* Active */
|
1430
|
+
|
1431
|
+
/*
|
1432
|
+
* Icons
|
1433
|
+
*/
|
1434
|
+
|
1435
|
+
.uk-slidenav-previous:before {
|
1436
|
+
content: "\f104";
|
1437
|
+
font-family: FontAwesome;
|
1438
|
+
}
|
1439
|
+
|
1440
|
+
.uk-slidenav-next:before {
|
1441
|
+
content: "\f105";
|
1442
|
+
font-family: FontAwesome;
|
1443
|
+
}
|
1444
|
+
|
1445
|
+
/* Sub-object: `uk-slidenav-position`
|
1446
|
+
========================================================================== */
|
1447
|
+
/*
|
1448
|
+
* 1. Container width fits its content
|
1449
|
+
* 2. Create position context
|
1450
|
+
* 3. Prevent `inline-block` consequences
|
1451
|
+
* 4. Corrects `max-width` behavior if padding and border are used
|
1452
|
+
*/
|
1453
|
+
|
1454
|
+
.uk-slidenav-position {
|
1455
|
+
/* 1 */
|
1456
|
+
display: inline-block;
|
1457
|
+
/* 2 */
|
1458
|
+
position: relative;
|
1459
|
+
/* 3 */
|
1460
|
+
max-width: 100%;
|
1461
|
+
/* 4 */
|
1462
|
+
-moz-box-sizing: border-box;
|
1463
|
+
box-sizing: border-box;
|
1464
|
+
.uk-slidenav {
|
1465
|
+
display: none;
|
1466
|
+
position: absolute;
|
1467
|
+
top: 50%;
|
1468
|
+
margin-top: -30px;
|
1469
|
+
}
|
1470
|
+
&:hover .uk-slidenav {
|
1471
|
+
display: block;
|
1472
|
+
}
|
1473
|
+
.uk-slidenav-previous {
|
1474
|
+
left: 20px;
|
1475
|
+
}
|
1476
|
+
.uk-slidenav-next {
|
1477
|
+
right: 20px;
|
1478
|
+
}
|
1479
|
+
}
|
1480
|
+
|
1481
|
+
/*
|
1482
|
+
* Center vertically
|
1483
|
+
*/
|
1484
|
+
|
1485
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1366
1486
|
/* ========================================================================
|
1367
1487
|
Component: Sortable
|
1368
1488
|
========================================================================== */
|
@@ -1424,6 +1544,7 @@ a.uk-datepicker-table-muted {
|
|
1424
1544
|
}
|
1425
1545
|
}
|
1426
1546
|
|
1547
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1427
1548
|
/* ========================================================================
|
1428
1549
|
Component: Sticky
|
1429
1550
|
========================================================================== */
|
@@ -1452,6 +1573,7 @@ a.uk-datepicker-table-muted {
|
|
1452
1573
|
* Faster animations
|
1453
1574
|
*/
|
1454
1575
|
|
1576
|
+
/*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
1455
1577
|
/* ========================================================================
|
1456
1578
|
Component: Upload
|
1457
1579
|
========================================================================== */
|
@@ -1462,109 +1584,3 @@ a.uk-datepicker-table-muted {
|
|
1462
1584
|
.uk-dragover {
|
1463
1585
|
box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
|
1464
1586
|
}
|
1465
|
-
|
1466
|
-
/* ========================================================================
|
1467
|
-
Component: Flex
|
1468
|
-
========================================================================== */
|
1469
|
-
|
1470
|
-
.uk-flex {
|
1471
|
-
display: -ms-flexbox;
|
1472
|
-
display: -webkit-flex;
|
1473
|
-
display: flex;
|
1474
|
-
}
|
1475
|
-
|
1476
|
-
/* Alignment
|
1477
|
-
========================================================================== */
|
1478
|
-
/*
|
1479
|
-
* Vertical alignment
|
1480
|
-
* Default value is `stretch`
|
1481
|
-
*/
|
1482
|
-
|
1483
|
-
.uk-flex-top {
|
1484
|
-
-ms-flex-align: start;
|
1485
|
-
-webkit-align-items: flex-start;
|
1486
|
-
align-items: flex-start;
|
1487
|
-
}
|
1488
|
-
|
1489
|
-
.uk-flex-middle {
|
1490
|
-
-ms-flex-align: center;
|
1491
|
-
-webkit-align-items: center;
|
1492
|
-
align-items: center;
|
1493
|
-
}
|
1494
|
-
|
1495
|
-
.uk-flex-bottom {
|
1496
|
-
-ms-flex-align: end;
|
1497
|
-
-webkit-align-items: flex-end;
|
1498
|
-
align-items: flex-end;
|
1499
|
-
}
|
1500
|
-
|
1501
|
-
/*
|
1502
|
-
* Horizontal alignment
|
1503
|
-
* Default value is `flex-start`
|
1504
|
-
*/
|
1505
|
-
|
1506
|
-
.uk-flex-center {
|
1507
|
-
-ms-flex-pack: center;
|
1508
|
-
-webkit-justify-content: center;
|
1509
|
-
justify-content: center;
|
1510
|
-
}
|
1511
|
-
|
1512
|
-
.uk-flex-right {
|
1513
|
-
-ms-flex-pack: end;
|
1514
|
-
-webkit-justify-content: flex-end;
|
1515
|
-
justify-content: flex-end;
|
1516
|
-
}
|
1517
|
-
|
1518
|
-
/* ========================================================================
|
1519
|
-
Component: Cover
|
1520
|
-
========================================================================== */
|
1521
|
-
/*
|
1522
|
-
* Background image always covers and centers its element
|
1523
|
-
*/
|
1524
|
-
|
1525
|
-
.uk-cover-background {
|
1526
|
-
background-position: 50% 50%;
|
1527
|
-
background-size: cover;
|
1528
|
-
background-repeat: no-repeat;
|
1529
|
-
}
|
1530
|
-
|
1531
|
-
/*
|
1532
|
-
* Emulates image cover, works with video and image elements
|
1533
|
-
* 1. Parent container which clips resized object
|
1534
|
-
* 2. Resizes the object to always covers its container
|
1535
|
-
* 3. Reset the responsive image CSS
|
1536
|
-
* 4. Center object
|
1537
|
-
*/
|
1538
|
-
/* 1 */
|
1539
|
-
|
1540
|
-
.uk-cover {
|
1541
|
-
overflow: hidden;
|
1542
|
-
}
|
1543
|
-
|
1544
|
-
.uk-cover-object {
|
1545
|
-
/* 2 */
|
1546
|
-
width: auto;
|
1547
|
-
height: auto;
|
1548
|
-
min-width: 100%;
|
1549
|
-
min-height: 100%;
|
1550
|
-
/* 3 */
|
1551
|
-
max-width: none;
|
1552
|
-
/* 4 */
|
1553
|
-
position: relative;
|
1554
|
-
left: 50%;
|
1555
|
-
top: 50%;
|
1556
|
-
-webkit-transform: translate(-50%, -50%);
|
1557
|
-
transform: translate(-50%, -50%);
|
1558
|
-
}
|
1559
|
-
|
1560
|
-
/*
|
1561
|
-
* To center iframes use `data-uk-cover` JavaScript
|
1562
|
-
*/
|
1563
|
-
|
1564
|
-
[data-uk-cover] {
|
1565
|
-
position: relative;
|
1566
|
-
left: 50%;
|
1567
|
-
top: 50%;
|
1568
|
-
-webkit-transform: translate(-50%, -50%);
|
1569
|
-
transform: translate(-50%, -50%);
|
1570
|
-
}
|