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.
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
- }