uikit-sass-rails 1.0.0 → 1.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/README.md +1 -1
- data/lib/uikit/sass/rails/version.rb +1 -1
- data/uikit-sass-rails.gemspec +2 -2
- data/vendor/assets/javascripts/uikit.js +1 -0
- data/vendor/assets/javascripts/uikit/addons/autocomplete.js +5 -6
- data/vendor/assets/javascripts/uikit/addons/cover.js +90 -0
- data/vendor/assets/javascripts/uikit/addons/datepicker.js +19 -5
- data/vendor/assets/javascripts/uikit/addons/form-password.js +2 -2
- data/vendor/assets/javascripts/uikit/addons/form-select.js +3 -3
- data/vendor/assets/javascripts/uikit/addons/htmleditor.js +35 -14
- data/vendor/assets/javascripts/uikit/addons/nestable.js +9 -8
- data/vendor/assets/javascripts/uikit/addons/notify.js +5 -2
- data/vendor/assets/javascripts/uikit/addons/pagination.js +3 -3
- data/vendor/assets/javascripts/uikit/addons/search.js +2 -2
- data/vendor/assets/javascripts/uikit/addons/sortable.js +48 -28
- data/vendor/assets/javascripts/uikit/addons/sticky.js +148 -37
- data/vendor/assets/javascripts/uikit/addons/timepicker.js +11 -9
- data/vendor/assets/javascripts/uikit/addons/upload.js +20 -6
- data/vendor/assets/javascripts/uikit/uikit.js +309 -288
- data/vendor/assets/stylesheets/uikit/addons/uikit.addons.scss +175 -62
- data/vendor/assets/stylesheets/uikit/addons/uikit.almost-flat.addons.scss +175 -62
- data/vendor/assets/stylesheets/uikit/addons/uikit.gradient.addons.scss +175 -62
- data/vendor/assets/stylesheets/uikit/uikit.almost-flat.scss +389 -132
- data/vendor/assets/stylesheets/uikit/uikit.gradient.scss +389 -132
- data/vendor/assets/stylesheets/uikit/uikit.scss +389 -132
- metadata +6 -5
@@ -1,4 +1,4 @@
|
|
1
|
-
/*! UIkit 2.
|
1
|
+
/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
2
|
|
3
3
|
/* ========================================================================
|
4
4
|
Component: Normalize
|
@@ -490,25 +490,24 @@ dfn[title] {
|
|
490
490
|
/* Embedded content
|
491
491
|
========================================================================== */
|
492
492
|
/*
|
493
|
-
* 1.
|
494
|
-
* 2.
|
493
|
+
* 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height
|
494
|
+
* 2. Corrects `max-width` behavior if padding and border are used
|
495
495
|
* 3. Remove the gap between images and the bottom of their containers
|
496
496
|
*/
|
497
497
|
|
498
498
|
img {
|
499
499
|
/* 1 */
|
500
|
-
-moz-box-sizing: border-box;
|
501
|
-
box-sizing: border-box;
|
502
|
-
/* 2 */
|
503
500
|
max-width: 100%;
|
504
501
|
height: auto;
|
502
|
+
/* 2 */
|
503
|
+
-moz-box-sizing: border-box;
|
504
|
+
box-sizing: border-box;
|
505
505
|
/* 3 */
|
506
506
|
vertical-align: middle;
|
507
507
|
}
|
508
508
|
|
509
509
|
/*
|
510
510
|
* Preserve original image dimensions
|
511
|
-
* 1. Fix Google maps automatically via URL detection
|
512
511
|
*/
|
513
512
|
|
514
513
|
.uk-img-preserve {
|
@@ -518,12 +517,6 @@ img {
|
|
518
517
|
}
|
519
518
|
}
|
520
519
|
|
521
|
-
img {
|
522
|
-
&[src*="maps.gstatic.com"], &[src*="googleapis.com"] {
|
523
|
-
max-width: none;
|
524
|
-
}
|
525
|
-
}
|
526
|
-
|
527
520
|
/* Spacing for block elements
|
528
521
|
========================================================================== */
|
529
522
|
|
@@ -2862,30 +2855,19 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
|
|
2862
2855
|
|
2863
2856
|
/* Modifier: 'tab-responsive'
|
2864
2857
|
========================================================================== */
|
2865
|
-
/*
|
2866
|
-
* Hidden by default
|
2867
|
-
*/
|
2868
2858
|
|
2869
|
-
.uk-tab-responsive {
|
2870
|
-
|
2871
|
-
|
2872
|
-
content: "\f0c9\00a0";
|
2873
|
-
font-family: FontAwesome;
|
2874
|
-
}
|
2859
|
+
.uk-tab > li.uk-tab-responsive > a {
|
2860
|
+
margin-left: 0;
|
2861
|
+
margin-right: 0;
|
2875
2862
|
}
|
2876
2863
|
|
2877
|
-
/*
|
2878
|
-
|
2879
|
-
|
2880
|
-
|
2881
|
-
|
2882
|
-
|
2883
|
-
|
2884
|
-
margin-left: 0;
|
2885
|
-
margin-right: 0;
|
2886
|
-
}
|
2887
|
-
}
|
2888
|
-
}
|
2864
|
+
/*
|
2865
|
+
* Icon
|
2866
|
+
*/
|
2867
|
+
|
2868
|
+
.uk-tab-responsive > a:before {
|
2869
|
+
content: "\f0c9\00a0";
|
2870
|
+
font-family: FontAwesome;
|
2889
2871
|
}
|
2890
2872
|
|
2891
2873
|
/* Modifier: 'tab-center'
|
@@ -3665,10 +3647,18 @@ select.uk-form-width-mini {
|
|
3665
3647
|
|
3666
3648
|
/* Sub-object: `uk-form-icon`
|
3667
3649
|
========================================================================== */
|
3650
|
+
/*
|
3651
|
+
* 1. Container width fits its content
|
3652
|
+
* 2. Create position context
|
3653
|
+
* 3. Prevent `inline-block` consequences
|
3654
|
+
*/
|
3668
3655
|
|
3669
3656
|
.uk-form-icon {
|
3670
|
-
|
3657
|
+
/* 1 */
|
3671
3658
|
display: inline-block;
|
3659
|
+
/* 2 */
|
3660
|
+
position: relative;
|
3661
|
+
/* 3 */
|
3672
3662
|
max-width: 100%;
|
3673
3663
|
> [class*='uk-icon-'] {
|
3674
3664
|
position: absolute;
|
@@ -4023,6 +4013,15 @@ select.uk-form-width-mini {
|
|
4023
4013
|
/* ========================================================================
|
4024
4014
|
Component: Icon
|
4025
4015
|
========================================================================== */
|
4016
|
+
@font-face {
|
4017
|
+
font-family: 'FontAwesome';
|
4018
|
+
src: url("../fonts/fontawesome-webfont.eot");
|
4019
|
+
src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
|
4020
|
+
font-weight: normal;
|
4021
|
+
font-style: normal;
|
4022
|
+
}
|
4023
|
+
|
4024
|
+
|
4026
4025
|
/*
|
4027
4026
|
* 1. Allow margin
|
4028
4027
|
* 2. Prevent inherit font style
|
@@ -4067,8 +4066,8 @@ select.uk-form-width-mini {
|
|
4067
4066
|
|
4068
4067
|
.uk-icon-spin {
|
4069
4068
|
display: inline-block;
|
4070
|
-
-webkit-animation: uk-
|
4071
|
-
animation: uk-
|
4069
|
+
-webkit-animation: uk-rotate 2s infinite linear;
|
4070
|
+
animation: uk-rotate 2s infinite linear;
|
4072
4071
|
}
|
4073
4072
|
|
4074
4073
|
/* Modifier: `uk-icon-button`
|
@@ -5978,6 +5977,14 @@ select.uk-form-width-mini {
|
|
5978
5977
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
5979
5978
|
}
|
5980
5979
|
|
5980
|
+
/*
|
5981
|
+
* Keep color when badge is a link
|
5982
|
+
*/
|
5983
|
+
|
5984
|
+
a.uk-badge:hover {
|
5985
|
+
color: #ffffff;
|
5986
|
+
}
|
5987
|
+
|
5981
5988
|
/* Modifier: `uk-badge-notification`;
|
5982
5989
|
========================================================================== */
|
5983
5990
|
|
@@ -6115,20 +6122,22 @@ select.uk-form-width-mini {
|
|
6115
6122
|
Component: Thumbnail
|
6116
6123
|
========================================================================== */
|
6117
6124
|
/*
|
6118
|
-
* 1.
|
6125
|
+
* 1. Container width fits its content
|
6119
6126
|
* 2. Responsive behavior
|
6120
|
-
* 3.
|
6121
|
-
* 4.
|
6127
|
+
* 3. Corrects `max-width` behavior sed
|
6128
|
+
* 4. Required for `figure` element
|
6129
|
+
* 5. Style
|
6122
6130
|
*/
|
6123
6131
|
|
6124
6132
|
.uk-thumbnail {
|
6125
|
-
display: inline-block;
|
6126
6133
|
/* 1 */
|
6127
|
-
|
6128
|
-
box-sizing: border-box;
|
6134
|
+
display: inline-block;
|
6129
6135
|
/* 2 */
|
6130
6136
|
max-width: 100%;
|
6131
6137
|
/* 3 */
|
6138
|
+
-moz-box-sizing: border-box;
|
6139
|
+
box-sizing: border-box;
|
6140
|
+
/* 3 */
|
6132
6141
|
margin: 0;
|
6133
6142
|
/* 4 */
|
6134
6143
|
padding: 4px;
|
@@ -6548,6 +6557,7 @@ a.uk-thumbnail {
|
|
6548
6557
|
|
6549
6558
|
/*
|
6550
6559
|
* Fade
|
6560
|
+
* Higher specificity (!important) needed because of reverse modifier
|
6551
6561
|
*/
|
6552
6562
|
|
6553
6563
|
.uk-animation-fade {
|
@@ -6555,46 +6565,55 @@ a.uk-thumbnail {
|
|
6555
6565
|
animation-name: uk-fade;
|
6556
6566
|
-webkit-animation-duration: 0.8s;
|
6557
6567
|
animation-duration: 0.8s;
|
6558
|
-
-webkit-animation-timing-function: linear;
|
6559
|
-
animation-timing-function: linear;
|
6568
|
+
-webkit-animation-timing-function: linear !important;
|
6569
|
+
animation-timing-function: linear !important;
|
6560
6570
|
}
|
6561
6571
|
|
6562
6572
|
/*
|
6563
|
-
*
|
6573
|
+
* Fade with scale
|
6564
6574
|
*/
|
6565
6575
|
|
6566
6576
|
.uk-animation-scale-up {
|
6567
|
-
-webkit-animation-name: uk-scale-
|
6568
|
-
animation-name: uk-scale-
|
6577
|
+
-webkit-animation-name: uk-fade-scale-02;
|
6578
|
+
animation-name: uk-fade-scale-02;
|
6569
6579
|
}
|
6570
6580
|
|
6571
6581
|
.uk-animation-scale-down {
|
6572
|
-
-webkit-animation-name: uk-scale-
|
6573
|
-
animation-name: uk-scale-
|
6582
|
+
-webkit-animation-name: uk-fade-scale-18;
|
6583
|
+
animation-name: uk-fade-scale-18;
|
6574
6584
|
}
|
6575
6585
|
|
6576
6586
|
/*
|
6577
|
-
*
|
6587
|
+
* Fade with slide
|
6578
6588
|
*/
|
6579
6589
|
|
6580
6590
|
.uk-animation-slide-top {
|
6581
|
-
-webkit-animation-name: uk-
|
6582
|
-
animation-name: uk-
|
6591
|
+
-webkit-animation-name: uk-fade-top;
|
6592
|
+
animation-name: uk-fade-top;
|
6583
6593
|
}
|
6584
6594
|
|
6585
6595
|
.uk-animation-slide-bottom {
|
6586
|
-
-webkit-animation-name: uk-
|
6587
|
-
animation-name: uk-
|
6596
|
+
-webkit-animation-name: uk-fade-bottom;
|
6597
|
+
animation-name: uk-fade-bottom;
|
6588
6598
|
}
|
6589
6599
|
|
6590
6600
|
.uk-animation-slide-left {
|
6591
|
-
-webkit-animation-name: uk-
|
6592
|
-
animation-name: uk-
|
6601
|
+
-webkit-animation-name: uk-fade-left;
|
6602
|
+
animation-name: uk-fade-left;
|
6593
6603
|
}
|
6594
6604
|
|
6595
6605
|
.uk-animation-slide-right {
|
6596
|
-
-webkit-animation-name: uk-
|
6597
|
-
animation-name: uk-
|
6606
|
+
-webkit-animation-name: uk-fade-right;
|
6607
|
+
animation-name: uk-fade-right;
|
6608
|
+
}
|
6609
|
+
|
6610
|
+
/*
|
6611
|
+
* Scale
|
6612
|
+
*/
|
6613
|
+
|
6614
|
+
.uk-animation-scale {
|
6615
|
+
-webkit-animation-name: uk-scale-12;
|
6616
|
+
animation-name: uk-scale-12;
|
6598
6617
|
}
|
6599
6618
|
|
6600
6619
|
/*
|
@@ -6606,19 +6625,70 @@ a.uk-thumbnail {
|
|
6606
6625
|
animation-name: uk-shake;
|
6607
6626
|
}
|
6608
6627
|
|
6609
|
-
/*
|
6628
|
+
/* Direction modifiers
|
6610
6629
|
========================================================================== */
|
6611
6630
|
|
6612
6631
|
.uk-animation-reverse {
|
6613
6632
|
-webkit-animation-direction: reverse;
|
6614
6633
|
animation-direction: reverse;
|
6634
|
+
-webkit-animation-timing-function: ease-out;
|
6635
|
+
animation-timing-function: ease-out;
|
6636
|
+
}
|
6637
|
+
|
6638
|
+
/* Duration modifiers
|
6639
|
+
========================================================================== */
|
6640
|
+
|
6641
|
+
.uk-animation-10 {
|
6642
|
+
-webkit-animation-duration: 10s;
|
6643
|
+
animation-duration: 10s;
|
6644
|
+
}
|
6645
|
+
|
6646
|
+
/* Origin modifiers
|
6647
|
+
========================================================================== */
|
6648
|
+
|
6649
|
+
.uk-animation-top-left {
|
6650
|
+
-webkit-transform-origin: 0 0;
|
6651
|
+
transform-origin: 0 0;
|
6652
|
+
}
|
6653
|
+
|
6654
|
+
.uk-animation-top-center {
|
6655
|
+
-webkit-transform-origin: 50% 0;
|
6656
|
+
transform-origin: 50% 0;
|
6657
|
+
}
|
6658
|
+
|
6659
|
+
.uk-animation-top-right {
|
6660
|
+
-webkit-transform-origin: 100% 0;
|
6661
|
+
transform-origin: 100% 0;
|
6662
|
+
}
|
6663
|
+
|
6664
|
+
.uk-animation-middle-left {
|
6665
|
+
-webkit-transform-origin: 0 50%;
|
6666
|
+
transform-origin: 0 50%;
|
6615
6667
|
}
|
6616
6668
|
|
6617
|
-
|
6669
|
+
.uk-animation-middle-right {
|
6670
|
+
-webkit-transform-origin: 100% 50%;
|
6671
|
+
transform-origin: 100% 50%;
|
6672
|
+
}
|
6673
|
+
|
6674
|
+
.uk-animation-bottom-left {
|
6675
|
+
-webkit-transform-origin: 0 100%;
|
6676
|
+
transform-origin: 0 100%;
|
6677
|
+
}
|
6678
|
+
|
6679
|
+
.uk-animation-bottom-center {
|
6680
|
+
-webkit-transform-origin: 50% 100%;
|
6681
|
+
transform-origin: 50% 100%;
|
6682
|
+
}
|
6683
|
+
|
6684
|
+
.uk-animation-bottom-right {
|
6685
|
+
-webkit-transform-origin: 100% 100%;
|
6686
|
+
transform-origin: 100% 100%;
|
6687
|
+
}
|
6688
|
+
|
6689
|
+
/* Keyframes: Fade
|
6690
|
+
* Used by dropdown, datepicker and slideshow component
|
6618
6691
|
========================================================================== */
|
6619
|
-
/*
|
6620
|
-
* Fade
|
6621
|
-
*/
|
6622
6692
|
@-webkit-keyframes uk-fade {
|
6623
6693
|
0% {
|
6624
6694
|
opacity: 0;
|
@@ -6639,40 +6709,125 @@ a.uk-thumbnail {
|
|
6639
6709
|
}
|
6640
6710
|
|
6641
6711
|
|
6712
|
+
/* Keyframes: Fade with slide
|
6713
|
+
========================================================================== */
|
6642
6714
|
/*
|
6643
|
-
*
|
6715
|
+
* Top
|
6644
6716
|
*/
|
6645
|
-
@-webkit-keyframes uk-
|
6717
|
+
@-webkit-keyframes uk-fade-top {
|
6646
6718
|
0% {
|
6647
6719
|
opacity: 0;
|
6648
|
-
-webkit-transform:
|
6720
|
+
-webkit-transform: translateY(-100%);
|
6649
6721
|
}
|
6650
6722
|
100% {
|
6651
6723
|
opacity: 1;
|
6652
|
-
-webkit-transform:
|
6724
|
+
-webkit-transform: translateY(0);
|
6653
6725
|
}
|
6654
6726
|
}
|
6655
6727
|
|
6656
6728
|
|
6657
|
-
@keyframes uk-
|
6729
|
+
@keyframes uk-fade-top {
|
6658
6730
|
0% {
|
6659
6731
|
opacity: 0;
|
6660
|
-
transform:
|
6732
|
+
transform: translateY(-100%);
|
6661
6733
|
}
|
6662
6734
|
100% {
|
6663
6735
|
opacity: 1;
|
6664
|
-
transform:
|
6736
|
+
transform: translateY(0);
|
6665
6737
|
}
|
6666
6738
|
}
|
6667
6739
|
|
6668
6740
|
|
6669
6741
|
/*
|
6670
|
-
*
|
6742
|
+
* Bottom
|
6671
6743
|
*/
|
6672
|
-
@-webkit-keyframes uk-
|
6744
|
+
@-webkit-keyframes uk-fade-bottom {
|
6673
6745
|
0% {
|
6674
6746
|
opacity: 0;
|
6675
|
-
-webkit-transform:
|
6747
|
+
-webkit-transform: translateY(100%);
|
6748
|
+
}
|
6749
|
+
100% {
|
6750
|
+
opacity: 1;
|
6751
|
+
-webkit-transform: translateY(0);
|
6752
|
+
}
|
6753
|
+
}
|
6754
|
+
|
6755
|
+
|
6756
|
+
@keyframes uk-fade-bottom {
|
6757
|
+
0% {
|
6758
|
+
opacity: 0;
|
6759
|
+
transform: translateY(100%);
|
6760
|
+
}
|
6761
|
+
100% {
|
6762
|
+
opacity: 1;
|
6763
|
+
transform: translateY(0);
|
6764
|
+
}
|
6765
|
+
}
|
6766
|
+
|
6767
|
+
|
6768
|
+
/*
|
6769
|
+
* Left
|
6770
|
+
*/
|
6771
|
+
@-webkit-keyframes uk-fade-left {
|
6772
|
+
0% {
|
6773
|
+
opacity: 0;
|
6774
|
+
-webkit-transform: translateX(-100%);
|
6775
|
+
}
|
6776
|
+
100% {
|
6777
|
+
opacity: 1;
|
6778
|
+
-webkit-transform: translateX(0);
|
6779
|
+
}
|
6780
|
+
}
|
6781
|
+
|
6782
|
+
|
6783
|
+
@keyframes uk-fade-left {
|
6784
|
+
0% {
|
6785
|
+
opacity: 0;
|
6786
|
+
transform: translateX(-100%);
|
6787
|
+
}
|
6788
|
+
100% {
|
6789
|
+
opacity: 1;
|
6790
|
+
transform: translateX(0);
|
6791
|
+
}
|
6792
|
+
}
|
6793
|
+
|
6794
|
+
|
6795
|
+
/*
|
6796
|
+
* Right
|
6797
|
+
*/
|
6798
|
+
@-webkit-keyframes uk-fade-right {
|
6799
|
+
0% {
|
6800
|
+
opacity: 0;
|
6801
|
+
-webkit-transform: translateX(100%);
|
6802
|
+
}
|
6803
|
+
100% {
|
6804
|
+
opacity: 1;
|
6805
|
+
-webkit-transform: translateX(0);
|
6806
|
+
}
|
6807
|
+
}
|
6808
|
+
|
6809
|
+
|
6810
|
+
@keyframes uk-fade-right {
|
6811
|
+
0% {
|
6812
|
+
opacity: 0;
|
6813
|
+
transform: translateX(100%);
|
6814
|
+
}
|
6815
|
+
100% {
|
6816
|
+
opacity: 1;
|
6817
|
+
transform: translateX(0);
|
6818
|
+
}
|
6819
|
+
}
|
6820
|
+
|
6821
|
+
|
6822
|
+
/* Keyframes: Fade with scale
|
6823
|
+
========================================================================== */
|
6824
|
+
/*
|
6825
|
+
* Scale by 0.2
|
6826
|
+
*/
|
6827
|
+
@-webkit-keyframes uk-fade-scale-02 {
|
6828
|
+
0% {
|
6829
|
+
opacity: 0;
|
6830
|
+
-webkit-transform: scale(0.2);
|
6676
6831
|
}
|
6677
6832
|
100% {
|
6678
6833
|
opacity: 1;
|
@@ -6681,10 +6836,10 @@ a.uk-thumbnail {
|
|
6681
6836
|
}
|
6682
6837
|
|
6683
6838
|
|
6684
|
-
@keyframes uk-scale-
|
6839
|
+
@keyframes uk-fade-scale-02 {
|
6685
6840
|
0% {
|
6686
6841
|
opacity: 0;
|
6687
|
-
transform: scale(
|
6842
|
+
transform: scale(0.2);
|
6688
6843
|
}
|
6689
6844
|
100% {
|
6690
6845
|
opacity: 1;
|
@@ -6694,69 +6849,71 @@ a.uk-thumbnail {
|
|
6694
6849
|
|
6695
6850
|
|
6696
6851
|
/*
|
6697
|
-
*
|
6852
|
+
* Scale by 1.5
|
6853
|
+
* Used by slideshow component
|
6698
6854
|
*/
|
6699
|
-
@-webkit-keyframes uk-
|
6855
|
+
@-webkit-keyframes uk-fade-scale-15 {
|
6700
6856
|
0% {
|
6701
6857
|
opacity: 0;
|
6702
|
-
-webkit-transform:
|
6858
|
+
-webkit-transform: scale(1.5);
|
6703
6859
|
}
|
6704
6860
|
100% {
|
6705
6861
|
opacity: 1;
|
6706
|
-
-webkit-transform:
|
6862
|
+
-webkit-transform: scale(1);
|
6707
6863
|
}
|
6708
6864
|
}
|
6709
6865
|
|
6710
6866
|
|
6711
|
-
@keyframes uk-
|
6867
|
+
@keyframes uk-fade-scale-15 {
|
6712
6868
|
0% {
|
6713
6869
|
opacity: 0;
|
6714
|
-
transform:
|
6870
|
+
transform: scale(1.5);
|
6715
6871
|
}
|
6716
6872
|
100% {
|
6717
6873
|
opacity: 1;
|
6718
|
-
transform:
|
6874
|
+
transform: scale(1);
|
6719
6875
|
}
|
6720
6876
|
}
|
6721
6877
|
|
6722
6878
|
|
6723
6879
|
/*
|
6724
|
-
*
|
6880
|
+
* Scale by 1.8
|
6725
6881
|
*/
|
6726
|
-
@-webkit-keyframes uk-
|
6882
|
+
@-webkit-keyframes uk-fade-scale-18 {
|
6727
6883
|
0% {
|
6728
6884
|
opacity: 0;
|
6729
|
-
-webkit-transform:
|
6885
|
+
-webkit-transform: scale(1.8);
|
6730
6886
|
}
|
6731
6887
|
100% {
|
6732
6888
|
opacity: 1;
|
6733
|
-
-webkit-transform:
|
6889
|
+
-webkit-transform: scale(1);
|
6734
6890
|
}
|
6735
6891
|
}
|
6736
6892
|
|
6737
6893
|
|
6738
|
-
@keyframes uk-
|
6894
|
+
@keyframes uk-fade-scale-18 {
|
6739
6895
|
0% {
|
6740
6896
|
opacity: 0;
|
6741
|
-
transform:
|
6897
|
+
transform: scale(1.8);
|
6742
6898
|
}
|
6743
6899
|
100% {
|
6744
6900
|
opacity: 1;
|
6745
|
-
transform:
|
6901
|
+
transform: scale(1);
|
6746
6902
|
}
|
6747
6903
|
}
|
6748
6904
|
|
6749
6905
|
|
6906
|
+
/* Keyframes: Slide
|
6907
|
+
* Used by slideshow component
|
6908
|
+
========================================================================== */
|
6750
6909
|
/*
|
6751
|
-
*
|
6910
|
+
* Left
|
6752
6911
|
*/
|
6753
6912
|
@-webkit-keyframes uk-slide-left {
|
6754
6913
|
0% {
|
6755
|
-
opacity: 0;
|
6756
6914
|
-webkit-transform: translateX(-100%);
|
6757
6915
|
}
|
6758
6916
|
100% {
|
6759
|
-
opacity: 1;
|
6760
6917
|
-webkit-transform: translateX(0);
|
6761
6918
|
}
|
6762
6919
|
}
|
@@ -6764,26 +6921,22 @@ a.uk-thumbnail {
|
|
6764
6921
|
|
6765
6922
|
@keyframes uk-slide-left {
|
6766
6923
|
0% {
|
6767
|
-
opacity: 0;
|
6768
6924
|
transform: translateX(-100%);
|
6769
6925
|
}
|
6770
6926
|
100% {
|
6771
|
-
opacity: 1;
|
6772
6927
|
transform: translateX(0);
|
6773
6928
|
}
|
6774
6929
|
}
|
6775
6930
|
|
6776
6931
|
|
6777
6932
|
/*
|
6778
|
-
*
|
6933
|
+
* Right
|
6779
6934
|
*/
|
6780
6935
|
@-webkit-keyframes uk-slide-right {
|
6781
6936
|
0% {
|
6782
|
-
opacity: 0;
|
6783
6937
|
-webkit-transform: translateX(100%);
|
6784
6938
|
}
|
6785
6939
|
100% {
|
6786
|
-
opacity: 1;
|
6787
6940
|
-webkit-transform: translateX(0);
|
6788
6941
|
}
|
6789
6942
|
}
|
@@ -6791,19 +6944,107 @@ a.uk-thumbnail {
|
|
6791
6944
|
|
6792
6945
|
@keyframes uk-slide-right {
|
6793
6946
|
0% {
|
6794
|
-
opacity: 0;
|
6795
6947
|
transform: translateX(100%);
|
6796
6948
|
}
|
6797
6949
|
100% {
|
6798
|
-
opacity: 1;
|
6799
6950
|
transform: translateX(0);
|
6800
6951
|
}
|
6801
6952
|
}
|
6802
6953
|
|
6803
6954
|
|
6804
6955
|
/*
|
6805
|
-
*
|
6956
|
+
* Left third
|
6806
6957
|
*/
|
6958
|
+
@-webkit-keyframes uk-slide-left-33 {
|
6959
|
+
0% {
|
6960
|
+
-webkit-transform: translateX(33%);
|
6961
|
+
}
|
6962
|
+
100% {
|
6963
|
+
-webkit-transform: translateX(0);
|
6964
|
+
}
|
6965
|
+
}
|
6966
|
+
|
6967
|
+
|
6968
|
+
@keyframes uk-slide-left-33 {
|
6969
|
+
0% {
|
6970
|
+
transform: translateX(33%);
|
6971
|
+
}
|
6972
|
+
100% {
|
6973
|
+
transform: translateX(0);
|
6974
|
+
}
|
6975
|
+
}
|
6976
|
+
|
6977
|
+
|
6978
|
+
/*
|
6979
|
+
* Right third
|
6980
|
+
*/
|
6981
|
+
@-webkit-keyframes uk-slide-right-33 {
|
6982
|
+
0% {
|
6983
|
+
-webkit-transform: translateX(-33%);
|
6984
|
+
}
|
6985
|
+
100% {
|
6986
|
+
-webkit-transform: translateX(0);
|
6987
|
+
}
|
6988
|
+
}
|
6989
|
+
|
6990
|
+
|
6991
|
+
@keyframes uk-slide-right-33 {
|
6992
|
+
0% {
|
6993
|
+
transform: translateX(-33%);
|
6994
|
+
}
|
6995
|
+
100% {
|
6996
|
+
transform: translateX(0);
|
6997
|
+
}
|
6998
|
+
}
|
6999
|
+
|
7000
|
+
|
7001
|
+
/* Keyframes: Scale
|
7002
|
+
========================================================================== */
|
7003
|
+
@-webkit-keyframes uk-scale-12 {
|
7004
|
+
0% {
|
7005
|
+
-webkit-transform: scale(1.2);
|
7006
|
+
}
|
7007
|
+
100% {
|
7008
|
+
-webkit-transform: scale(1);
|
7009
|
+
}
|
7010
|
+
}
|
7011
|
+
|
7012
|
+
|
7013
|
+
@keyframes uk-scale-12 {
|
7014
|
+
0% {
|
7015
|
+
transform: scale(1.2);
|
7016
|
+
}
|
7017
|
+
100% {
|
7018
|
+
transform: scale(1);
|
7019
|
+
}
|
7020
|
+
}
|
7021
|
+
|
7022
|
+
|
7023
|
+
/* Keyframes: Rotate
|
7024
|
+
* Used by icon and search component
|
7025
|
+
========================================================================== */
|
7026
|
+
@-webkit-keyframes uk-rotate {
|
7027
|
+
0% {
|
7028
|
+
-webkit-transform: rotate(0deg);
|
7029
|
+
}
|
7030
|
+
100% {
|
7031
|
+
-webkit-transform: rotate(359deg);
|
7032
|
+
}
|
7033
|
+
}
|
7034
|
+
|
7035
|
+
|
7036
|
+
@keyframes uk-rotate {
|
7037
|
+
0% {
|
7038
|
+
transform: rotate(0deg);
|
7039
|
+
}
|
7040
|
+
100% {
|
7041
|
+
transform: rotate(359deg);
|
7042
|
+
}
|
7043
|
+
}
|
7044
|
+
|
7045
|
+
|
7046
|
+
/* Keyframes: Shake
|
7047
|
+
========================================================================== */
|
6807
7048
|
@-webkit-keyframes uk-shake {
|
6808
7049
|
0%,
|
6809
7050
|
100% {
|
@@ -6874,8 +7115,11 @@ a.uk-thumbnail {
|
|
6874
7115
|
}
|
6875
7116
|
|
6876
7117
|
|
7118
|
+
/* Keyframes: Fade with slide fixed
|
7119
|
+
* Used by dropdown and search component
|
7120
|
+
========================================================================== */
|
6877
7121
|
/*
|
6878
|
-
*
|
7122
|
+
* Top fixed
|
6879
7123
|
*/
|
6880
7124
|
@-webkit-keyframes uk-slide-top-fixed {
|
6881
7125
|
0% {
|
@@ -6902,7 +7146,7 @@ a.uk-thumbnail {
|
|
6902
7146
|
|
6903
7147
|
|
6904
7148
|
/*
|
6905
|
-
*
|
7149
|
+
* Bottom fixed
|
6906
7150
|
*/
|
6907
7151
|
@-webkit-keyframes uk-slide-bottom-fixed {
|
6908
7152
|
0% {
|
@@ -6928,29 +7172,6 @@ a.uk-thumbnail {
|
|
6928
7172
|
}
|
6929
7173
|
|
6930
7174
|
|
6931
|
-
/*
|
6932
|
-
* Spin
|
6933
|
-
*/
|
6934
|
-
@-webkit-keyframes uk-spin {
|
6935
|
-
0% {
|
6936
|
-
-webkit-transform: rotate(0deg);
|
6937
|
-
}
|
6938
|
-
100% {
|
6939
|
-
-webkit-transform: rotate(359deg);
|
6940
|
-
}
|
6941
|
-
}
|
6942
|
-
|
6943
|
-
|
6944
|
-
@keyframes uk-spin {
|
6945
|
-
0% {
|
6946
|
-
transform: rotate(0deg);
|
6947
|
-
}
|
6948
|
-
100% {
|
6949
|
-
transform: rotate(359deg);
|
6950
|
-
}
|
6951
|
-
}
|
6952
|
-
|
6953
|
-
|
6954
7175
|
/* ========================================================================
|
6955
7176
|
Component: Dropdown
|
6956
7177
|
========================================================================== */
|
@@ -7158,7 +7379,7 @@ a.uk-thumbnail {
|
|
7158
7379
|
|
7159
7380
|
.uk-dropdown-scrollable {
|
7160
7381
|
overflow-y: auto;
|
7161
|
-
height: 200px;
|
7382
|
+
max-height: 200px;
|
7162
7383
|
}
|
7163
7384
|
|
7164
7385
|
.uk-dropdown-navbar.uk-dropdown-flip {
|
@@ -7175,7 +7396,6 @@ a.uk-thumbnail {
|
|
7175
7396
|
* 3. Allow scrolling for the modal dialog
|
7176
7397
|
* 4. Mask the background page
|
7177
7398
|
* 5. Fade-in transition
|
7178
|
-
* 6. Fix transition in Webkit
|
7179
7399
|
*/
|
7180
7400
|
|
7181
7401
|
.uk-modal {
|
@@ -7197,8 +7417,6 @@ a.uk-thumbnail {
|
|
7197
7417
|
opacity: 0;
|
7198
7418
|
-webkit-transition: opacity 0.15s linear;
|
7199
7419
|
transition: opacity 0.15s linear;
|
7200
|
-
/* 6 */
|
7201
|
-
-webkit-transform: translateZ(0);
|
7202
7420
|
&.uk-open {
|
7203
7421
|
opacity: 1;
|
7204
7422
|
}
|
@@ -7913,19 +8131,39 @@ a.uk-thumbnail {
|
|
7913
8131
|
vertical-align: bottom;
|
7914
8132
|
}
|
7915
8133
|
|
8134
|
+
/* Height
|
8135
|
+
========================================================================== */
|
7916
8136
|
/*
|
7917
|
-
*
|
8137
|
+
* More robust if padding and border are used
|
8138
|
+
*/
|
8139
|
+
|
8140
|
+
[class*='uk-height'] {
|
8141
|
+
-moz-box-sizing: border-box;
|
8142
|
+
box-sizing: border-box;
|
8143
|
+
}
|
8144
|
+
|
8145
|
+
/*
|
8146
|
+
* Useful to extend the `html` and `body` element to the full height of the page.
|
7918
8147
|
*/
|
7919
8148
|
|
7920
8149
|
.uk-height-1-1 {
|
7921
8150
|
height: 100%;
|
7922
8151
|
}
|
7923
8152
|
|
8153
|
+
/*
|
8154
|
+
* Useful to create image teasers
|
8155
|
+
*/
|
8156
|
+
|
8157
|
+
.uk-height-viewport {
|
8158
|
+
height: 100vh;
|
8159
|
+
min-height: 600px;
|
8160
|
+
}
|
8161
|
+
|
7924
8162
|
/* Responsive objects
|
7925
8163
|
* Note: Images are already responsive by default, see Base component
|
7926
8164
|
========================================================================== */
|
7927
8165
|
/*
|
7928
|
-
* 1. Corrects max-width
|
8166
|
+
* 1. Corrects `max-width` and `max-height` behavior if padding and border are used
|
7929
8167
|
*/
|
7930
8168
|
|
7931
8169
|
.uk-responsive-width, .uk-responsive-height {
|
@@ -8148,6 +8386,25 @@ a.uk-thumbnail {
|
|
8148
8386
|
}
|
8149
8387
|
}
|
8150
8388
|
|
8389
|
+
/* Position
|
8390
|
+
========================================================================== */
|
8391
|
+
|
8392
|
+
.uk-position-absolute {
|
8393
|
+
position: absolute !important;
|
8394
|
+
}
|
8395
|
+
|
8396
|
+
.uk-position-relative {
|
8397
|
+
position: relative !important;
|
8398
|
+
}
|
8399
|
+
|
8400
|
+
.uk-position-cover {
|
8401
|
+
position: absolute;
|
8402
|
+
top: 0;
|
8403
|
+
bottom: 0;
|
8404
|
+
left: 0;
|
8405
|
+
right: 0;
|
8406
|
+
}
|
8407
|
+
|
8151
8408
|
/* Display
|
8152
8409
|
========================================================================== */
|
8153
8410
|
/*
|