vendor/assets/stylesheets/uikit.css in uikit2-rails-0.1.1 vs vendor/assets/stylesheets/uikit.css in uikit2-rails-0.1.2
- old
+ new
@@ -1,6 +1,6 @@
-/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.23.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
/* ========================================================================
Component: Base
========================================================================== */
/*
* 1. Normalizes default `font-family` and sets `font-size` here to support `rem` units
@@ -3526,12 +3526,11 @@
/* ========================================================================
Component: Icon
========================================================================== */
@font-face {
font-family: 'FontAwesome';
- src: url("/assets/fontawesome-webfont.eot");
- src: url("/assets/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fontawesome-webfont.woff2") format('woff2'), url("/assets/fontawesome-webfont.woff") format("woff"), url("/assets/fontawesome-webfont.ttf") format("truetype");
+ src: url("../fonts/fontawesome-webfont.woff2") format('woff2'), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
/*
* 1. Allow margin
@@ -5884,11 +5883,11 @@
.uk-overlay-grayscale,
.uk-overlay-blur,
[class*='uk-overlay-slide'] {
transition-duration: 0.3s;
transition-timing-function: ease-out;
- transition-property: opacity transform filter;
+ transition-property: opacity, transform, filter;
}
.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*='uk-overlay-slide'] {
@@ -6111,10 +6110,157 @@
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay-toggle.uk-hover .uk-overlay-caption {
opacity: 1;
}
/* ========================================================================
+ Component: Column
+ ========================================================================== */
+[class*='uk-column-'] {
+ -webkit-column-gap: 25px;
+ -moz-column-gap: 25px;
+ column-gap: 25px;
+}
+/* Width modifiers
+ ========================================================================== */
+.uk-column-1-2 {
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2;
+}
+.uk-column-1-3 {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+}
+.uk-column-1-4 {
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4;
+}
+.uk-column-1-5 {
+ -webkit-column-count: 5;
+ -moz-column-count: 5;
+ column-count: 5;
+}
+.uk-column-1-6 {
+ -webkit-column-count: 6;
+ -moz-column-count: 6;
+ column-count: 6;
+}
+/* Phone landscape and bigger */
+@media (min-width: 480px) {
+ .uk-column-small-1-2 {
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2;
+ }
+ .uk-column-small-1-3 {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ }
+ .uk-column-small-1-4 {
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4;
+ }
+ .uk-column-small-1-5 {
+ -webkit-column-count: 5;
+ -moz-column-count: 5;
+ column-count: 5;
+ }
+ .uk-column-small-1-6 {
+ -webkit-column-count: 6;
+ -moz-column-count: 6;
+ column-count: 6;
+ }
+}
+/* Tablet and bigger */
+@media (min-width: 768px) {
+ .uk-column-medium-1-2 {
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2;
+ }
+ .uk-column-medium-1-3 {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ }
+ .uk-column-medium-1-4 {
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4;
+ }
+ .uk-column-medium-1-5 {
+ -webkit-column-count: 5;
+ -moz-column-count: 5;
+ column-count: 5;
+ }
+ .uk-column-medium-1-6 {
+ -webkit-column-count: 6;
+ -moz-column-count: 6;
+ column-count: 6;
+ }
+}
+/* Desktop and bigger */
+@media (min-width: 960px) {
+ .uk-column-large-1-2 {
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2;
+ }
+ .uk-column-large-1-3 {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ }
+ .uk-column-large-1-4 {
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4;
+ }
+ .uk-column-large-1-5 {
+ -webkit-column-count: 5;
+ -moz-column-count: 5;
+ column-count: 5;
+ }
+ .uk-column-large-1-6 {
+ -webkit-column-count: 6;
+ -moz-column-count: 6;
+ column-count: 6;
+ }
+}
+/* Large screen and bigger */
+@media (min-width: 1220px) {
+ .uk-column-xlarge-1-2 {
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2;
+ }
+ .uk-column-xlarge-1-3 {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ }
+ .uk-column-xlarge-1-4 {
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4;
+ }
+ .uk-column-xlarge-1-5 {
+ -webkit-column-count: 5;
+ -moz-column-count: 5;
+ column-count: 5;
+ }
+ .uk-column-xlarge-1-6 {
+ -webkit-column-count: 6;
+ -moz-column-count: 6;
+ column-count: 6;
+ }
+}
+/* ========================================================================
Component: Animation
========================================================================== */
[class*='uk-animation-'] {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
@@ -6669,39 +6815,43 @@
========================================================================== */
/*
* 1. Hide by default
* 2. Set position
* 3. Box-sizing is needed for `uk-dropdown-justify`
- * 4. Set style
- * 5. Reset button group whitespace hack
+ * 4. Set width
*/
-.uk-dropdown {
+.uk-dropdown,
+.uk-dropdown-blank {
/* 1 */
display: none;
/* 2 */
position: absolute;
- top: 100%;
- left: 0;
z-index: 1020;
/* 3 */
box-sizing: border-box;
/* 4 */
width: 200px;
- margin-top: 5px;
+}
+/*
+ * Dropdown style
+ * 1. Reset button group whitespace hack
+ */
+.uk-dropdown {
padding: 15px;
background: #f5f5f5;
color: #444444;
- /* 5 */
+ /* 1 */
font-size: 1rem;
vertical-align: top;
}
/*
* 1. Show dropdown
* 2. Set animation
* 3. Needed for scale animation
*/
-.uk-open > .uk-dropdown {
+.uk-open > .uk-dropdown,
+.uk-open > .uk-dropdown-blank {
/* 1 */
display: block;
/* 2 */
-webkit-animation: uk-fade 0.2s ease-in-out;
animation: uk-fade 0.2s ease-in-out;
@@ -6710,23 +6860,22 @@
transform-origin: 0 0;
}
/* Alignment modifiers
========================================================================== */
/*
- * Modifier `uk-dropdown-flip`
+ * Modifier
*/
-.uk-dropdown-flip {
- left: auto;
- right: 0;
+.uk-dropdown-top {
+ margin-top: -5px;
}
-/*
- * Modifier `uk-dropdown-up`
- */
-.uk-dropdown-up {
- top: auto;
- bottom: 100%;
- margin-top: auto;
- margin-bottom: 5px;
+.uk-dropdown-bottom {
+ margin-top: 5px;
+}
+.uk-dropdown-left {
+ margin-left: -5px;
+}
+.uk-dropdown-right {
+ margin-left: 5px;
}
/* Nav in dropdown
========================================================================== */
.uk-dropdown .uk-nav {
margin: 0 -15px;