uikit-sass-rails 1.2.0 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +3 -0
  3. data/README.md +2 -1
  4. data/lib/uikit/sass/rails/engine.rb +1 -1
  5. data/lib/uikit/sass/rails/version.rb +1 -1
  6. data/vendor/assets/javascripts/uikit.js +14 -14
  7. data/vendor/assets/javascripts/uikit/{addons → components}/autocomplete.js +19 -9
  8. data/vendor/assets/javascripts/uikit/{addons → components}/cover.js +1 -2
  9. data/vendor/assets/javascripts/uikit/{addons → components}/datepicker.js +3 -4
  10. data/vendor/assets/javascripts/uikit/{addons → components}/form-password.js +2 -3
  11. data/vendor/assets/javascripts/uikit/{addons → components}/form-select.js +1 -2
  12. data/vendor/assets/javascripts/uikit/{addons → components}/htmleditor.js +2 -3
  13. data/vendor/assets/javascripts/uikit/{addons → components}/nestable.js +28 -8
  14. data/vendor/assets/javascripts/uikit/{addons → components}/notify.js +1 -2
  15. data/vendor/assets/javascripts/uikit/{addons → components}/pagination.js +2 -3
  16. data/vendor/assets/javascripts/uikit/{addons → components}/search.js +4 -5
  17. data/vendor/assets/javascripts/uikit/{addons → components}/sortable.js +26 -15
  18. data/vendor/assets/javascripts/uikit/{addons → components}/sticky.js +1 -2
  19. data/vendor/assets/javascripts/uikit/{addons → components}/timepicker.js +5 -6
  20. data/vendor/assets/javascripts/uikit/{addons → components}/upload.js +1 -2
  21. data/vendor/assets/javascripts/uikit/uikit.js +1281 -1248
  22. data/vendor/assets/stylesheets/uikit.scss +1 -1
  23. data/vendor/assets/stylesheets/uikit/almost-flat.scss +2 -1
  24. data/vendor/assets/stylesheets/uikit/{addons/uikit.almost-flat.addons.scss → components/uikit.components.almost-flat.scss} +459 -443
  25. data/vendor/assets/stylesheets/uikit/{addons/uikit.gradient.addons.scss → components/uikit.components.gradient.scss} +503 -487
  26. data/vendor/assets/stylesheets/uikit/{addons/uikit.addons.scss → components/uikit.components.scss} +451 -435
  27. data/vendor/assets/stylesheets/uikit/gradient.scss +2 -1
  28. data/vendor/assets/stylesheets/uikit/uikit.almost-flat.scss +5 -6
  29. data/vendor/assets/stylesheets/uikit/uikit.gradient.scss +15 -16
  30. data/vendor/assets/stylesheets/uikit/uikit.scss +5 -6
  31. metadata +19 -19
@@ -1,5 +1,278 @@
1
- /*! UIkit 2.10.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
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: Slidenav
367
+ Component: Flex
94
368
  ========================================================================== */
95
- /*
96
- * 1. Required for `a` elements
97
- * 2. Dimension
98
- * 3. Style
99
- */
100
369
 
101
- .uk-slidenav {
102
- /* 1 */
103
- display: inline-block;
104
- /* 2 */
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
- * Hover
130
- * 1. Apply hover style also to focus state
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
- /* Active */
137
-
138
- /*
139
- * Icons
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-slidenav-previous:before {
143
- content: "\f104";
144
- font-family: FontAwesome;
389
+ .uk-flex-middle {
390
+ -ms-flex-align: center;
391
+ -webkit-align-items: center;
392
+ align-items: center;
145
393
  }
146
394
 
147
- .uk-slidenav-next:before {
148
- content: "\f105";
149
- font-family: FontAwesome;
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
- * 1. Container width fits its content
156
- * 2. Create position context
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-slidenav-position {
162
- /* 1 */
163
- display: inline-block;
164
- /* 2 */
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
- * Center vertically
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 select
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-select {
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
- select {
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
- -webkit-appearance: none;
526
+ font-size: 500px;
373
527
  }
374
528
  }
375
529
 
376
530
  /*
377
531
  * 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
532
+ * 2. Expand height and required for the cursor
403
533
  */
404
534
 
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
-
535
+ /*! UIkit 2.11.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
417
536
  /* ========================================================================
418
- Component: Autocomplete
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-autocomplete {
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
- /* 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: #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
- * 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
- */
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: Datepicker
575
+ Component: Form select
481
576
  ========================================================================== */
482
577
  /*
483
- * 1. Reset dropdown width
484
- * 2. Set animation
485
- * 3. Needed for scale animation
578
+ * 1. Behave like form elements
579
+ * 2. Create position context for dropdowns
580
+ * 3. Clip content
486
581
  */
487
582
 
488
- .uk-datepicker {
583
+ .uk-form-select {
489
584
  /* 1 */
490
- width: auto;
585
+ display: inline-block;
586
+ vertical-align: middle;
491
587
  /* 2 */
492
- -webkit-animation: uk-fade 0.2s ease-in-out;
493
- animation: uk-fade 0.2s ease-in-out;
588
+ position: relative;
494
589
  /* 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
- 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
- * Active
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
- }