sass-site/source/assets/css/components/_hero-image.scss
₍˄ุ.͡˳̫.˄ุ₎ 9ab3111407 improve hero layout
2013-10-17 00:20:58 -07:00

29 lines
465 B
SCSS

.hero-image img {
max-width: 100%;
height: auto;
}
@include breakpoint($tablet-large) {
.hero-lockup {
@extend %table-layout-tablet-large;
margin: {
top: -4em;
bottom: -4em;
}
.hero-image {
@extend %table-layout-cell-tablet-large;
padding: {
right: 2em;
bottom: 0;
}
}
.introduction {
@extend %table-layout-cell-tablet-large;
padding: 0;
text-align: left;
}
}
}