Sha256: 4bdfda1e042bb6dc6284742af38df88986195bd93acccbdd13dd2ce103c8e074
Contents?: true
Size: 1.52 KB
Versions: 59
Compression:
Stored size: 1.52 KB
Contents
// Name: Cover
// Description: Defines styles for images and videos to cover their container in a centered position
//
// Component: `uk-cover-*`
//
// Used by: Slideshow
//
// ========================================================================
/* ========================================================================
Component: Cover
========================================================================== */
/*
* Background image always covers and centers its element
*/
.uk-cover-background {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
/*
* Emulates image cover, works with video and image elements
* 1. Parent container which clips resized object
* 2. Resizes the object to always covers its container
* 3. Reset the responsive image CSS
* 4. Center object
*/
/* 1 */
.uk-cover { overflow: hidden; }
.uk-cover-object {
/* 2 */
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
/* 3 */
max-width: none;
/* 4 */
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
/*
* To center iframes use `data-uk-cover` JavaScript
*/
[data-uk-cover] {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
// Hooks
// ========================================================================
.hook-cover-misc;
.hook-cover-misc() {}
Version data entries
59 entries across 59 versions & 2 rubygems