Difference between revisions of "Useful Mixins"
Jump to navigation
Jump to search
(Created page with "== Create Full Background Image == <pre> background: url(images/bg.jpg) no repeat center center fixed; -webkit-background-size: cover; -o-background-size: cover; background-...") |
|||
| Line 1: | Line 1: | ||
== Create Full Background Image == | == Create Full Background Image == | ||
<pre> | <pre> | ||
background: url( | @mixin backImage($image){ | ||
-webkit-background-size: cover; | background: url($image) center center no-repeat; | ||
-o-background-size: cover; | -webkit-background-size: cover; | ||
background-size: cover; | -o-background-size: cover; | ||
background-size: cover; | |||
} | |||
</pre> | </pre> | ||
Revision as of 16:45, 12 August 2016
Create Full Background Image
@mixin backImage($image){
background: url($image) center center no-repeat;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}