vendor/assets/stylesheets/uikit.gradient.css in uikit2-rails-0.1.6 vs vendor/assets/stylesheets/uikit.gradient.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 @@ -139,42 +139,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; } @@ -537,10 +549,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. @@ -7598,10 +7645,11 @@ .uk-modal-dialog-lightbox { margin: 15px auto; padding: 0; max-width: 95%; max-width: calc(100% - 30px); + min-height: 50px; border-radius: 0; } /* * Close button */ @@ -7704,9 +7752,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; } /* ========================================================================