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
@@ -2,4 +2,4 @@
2
2
 
3
3
  @import "extra/font-awesome";
4
4
  @import "uikit/uikit";
5
- @import "uikit/addons/uikit.addons";
5
+ @import "uikit/components/uikit.components";
@@ -2,4 +2,5 @@
2
2
 
3
3
  @import "../extra/font-awesome";
4
4
  @import "uikit.almost-flat";
5
- @import "addons/uikit.almost-flat.addons";
5
+ @import "uikit/components/uikit.components";
6
+ @import "uikit/components/uikit.components.almost-flat";
@@ -1,5 +1,268 @@
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: #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: Slidenav
357
+ Component: Flex
94
358
  ========================================================================== */
95
- /*
96
- * 1. Required for `a` elements
97
- * 2. Dimension
98
- * 3. Style
99
- */
100
359
 
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
- }
360
+ .uk-flex {
361
+ display: -ms-flexbox;
362
+ display: -webkit-flex;
363
+ display: flex;
126
364
  }
127
365
 
366
+ /* Alignment
367
+ ========================================================================== */
128
368
  /*
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
369
+ * Vertical alignment
370
+ * Default value is `stretch`
134
371
  */
135
372
 
136
- /* Active */
137
-
138
- /*
139
- * Icons
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-slidenav-previous:before {
143
- content: "\f104";
144
- font-family: FontAwesome;
379
+ .uk-flex-middle {
380
+ -ms-flex-align: center;
381
+ -webkit-align-items: center;
382
+ align-items: center;
145
383
  }
146
384
 
147
- .uk-slidenav-next:before {
148
- content: "\f105";
149
- font-family: FontAwesome;
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
- * 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
392
+ * Horizontal alignment
393
+ * Default value is `flex-start`
159
394
  */
160
395
 
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
- }
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
- * Active
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
- }