metro4/source/components/hero/hero.less

The front-end framework for Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style

@import (once) "../../include/vars";
@import (once) "../../include/mixins";

.hero {
    padding: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

@media all and (min-width: @md) {
    .hero {
        padding: 160px 80px;
    }
}