Lightweight CSS Framework for Building Apps and Websites
https://crispy-css.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
592 B
32 lines
592 B
/**
|
|
* hero
|
|
*
|
|
* background-position is as default: cover
|
|
*
|
|
* <div class="hero" style="width: value height: value; background-image: url(path)"></div>
|
|
*
|
|
*
|
|
* @author Björn Hase
|
|
*
|
|
*/
|
|
|
|
@mixin crispy__hero() {
|
|
.hero {
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
position: relative;
|
|
|
|
&--top {
|
|
background-position: top center;
|
|
}
|
|
|
|
&--bottom {
|
|
background-position: bottom center;
|
|
}
|
|
|
|
&--contain {
|
|
background-size: contain;
|
|
}
|
|
}
|
|
}
|