Sha256: 640b7785fbcb57dc64e10d43616f67dc7d18af0d8c3f2b480f04635cf1925d30
Contents?: true
Size: 640 Bytes
Versions: 6
Compression:
Stored size: 640 Bytes
Contents
// from http://css-tricks.com/perfect-full-page-background-image/
// should use http://stackoverflow.com/questions/1342994/check-browser-css-property-support to degrade
@mixin image_background($image_url) {
background: $image_url no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@mixin image_background_contaner {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
& > img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
min-width:50%;
min-height:50%;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems