mirror of
https://github.com/danog/sass-site.git
synced 2024-12-14 02:17:36 +01:00
29 lines
501 B
SCSS
29 lines
501 B
SCSS
.hero-lockup {
|
|
padding: 3rem 0;
|
|
margin: {
|
|
right: -2rem;
|
|
left: -2rem;
|
|
};
|
|
display: grid;
|
|
grid-template-areas: 'introduction image';
|
|
align-items: center;
|
|
|
|
.hero-image,
|
|
.sl-c-introduction {
|
|
padding: {
|
|
right: 2rem;
|
|
left: 2rem;
|
|
};
|
|
}
|
|
|
|
.hero-image { grid-area: image; }
|
|
.sl-c-introduction { grid-area: introduction; }
|
|
|
|
@media screen and (max-width: 40em) {
|
|
grid-template: {
|
|
areas: "introduction"
|
|
"image";
|
|
};
|
|
}
|
|
}
|