vendor/assets/stylesheets/uikit.css in uikit2-rails-0.1.6 vs vendor/assets/stylesheets/uikit.css in uikit2-rails-0.1.7
- old
+ new
@@ -1,6 +1,6 @@
-/*! UIkit 2.25.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.26.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
/* ========================================================================
Component: Base
========================================================================== */
/*
* 1. Normalize default `font-family` and set `font-size` to support `rem` units
@@ -133,42 +133,54 @@
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/*
- * Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers.
+ * Remove the gap between embedded content and the bottom of their containers.
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
- * 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height
+ * Responsiveness
+ * 1. Sets a maximum width relative to the parent and auto scales the height
* 2. Corrects `max-width` behavior if padding and border are used
- * 3. Remove border when inside `a` element in IE 8/9/10.
*/
-img {
+audio,
+canvas,
+img,
+svg,
+video {
/* 1 */
max-width: 100%;
height: auto;
/* 2 */
box-sizing: border-box;
- /* 3 */
- border: 0;
}
/*
- * Preserve original image dimensions
+ * Preserve original dimensions
*/
.uk-img-preserve,
-.uk-img-preserve img {
+.uk-img-preserve audio,
+.uk-img-preserve canvas,
+.uk-img-preserve img,
+.uk-img-preserve svg,
+.uk-img-preserve video {
max-width: none;
}
/*
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+ border: 0;
+}
+/*
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
@@ -529,10 +541,45 @@
.uk-grid-medium + .uk-grid-medium,
.uk-grid-medium > .uk-grid-margin,
.uk-grid-medium > * > .uk-panel + .uk-panel {
margin-top: 25px;
}
+/*
+ * Large gutter
+ */
+/* Large screen and bigger */
+@media (min-width: 960px) {
+ /* Horizontal */
+ .uk-grid-large {
+ margin-left: -35px;
+ }
+ .uk-grid-large > * {
+ padding-left: 35px;
+ }
+ /* Vertical */
+ .uk-grid-large + .uk-grid-large,
+ .uk-grid-large-margin,
+ .uk-grid-large > * > .uk-panel + .uk-panel {
+ margin-top: 35px;
+ }
+}
+/* Extra Large screens */
+@media (min-width: 1220px) {
+ /* Horizontal */
+ .uk-grid-large {
+ margin-left: -50px;
+ }
+ .uk-grid-large > * {
+ padding-left: 50px;
+ }
+ /* Vertical */
+ .uk-grid-large + .uk-grid-large,
+ .uk-grid-large-margin,
+ .uk-grid-large > * > .uk-panel + .uk-panel {
+ margin-top: 50px;
+ }
+}
/* Modifier: `uk-grid-divider`
========================================================================== */
/*
* Horizontal divider
* Only works with the default gutter. Does not work with gutter collapse, small or large.
@@ -7277,10 +7324,11 @@
.uk-modal-dialog-lightbox {
margin: 15px auto;
padding: 0;
max-width: 95%;
max-width: calc(100% - 30px);
+ min-height: 50px;
}
/*
* Close button
*/
.uk-modal-dialog-lightbox > .uk-close:first-child {
@@ -7372,9 +7420,10 @@
font-size: 25px;
color: #ddd;
}
.uk-modal-spinner:after {
content: "\f110";
+ display: block;
font-family: FontAwesome;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear;
}
/* ========================================================================