You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

76 lines
1.3 KiB
SCSS

.home.promo__section {
min-height: 820px;
}
main {
&.home {
@media screen and (max-width: $lg) {
padding-top: 50px;
padding-bottom: 0;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
padding-top: 70px;
}
}
}
.post__article {
position: relative;
&:not(:last-child) {
margin-bottom: 0.75rem;
}
}
.post__title {
display: block;
margin-top: 1em;
&::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: '';
}
}
.teaser {
&__section {
padding: 5.625rem 0;
&._dark {
color: #fff;
background-color: #1b1c1f;
@media screen and (max-width: $lg) {
padding: 3.5rem 0;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
padding: 4.4rem 0;
}
}
&._navy {
background-color: #acc8fa;
}
}
&__title {
margin-bottom: 1em;
@media screen and (max-width: $lg) {
margin-top: 0.6em;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
margin-top: 0.8em;
}
}
&__form {
margin-top: 4.1em;
@media screen and (max-width: $lg) {
margin-top: 2em;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
margin-top: 3em;
}
}
&__info {
margin: 3.75rem 0;
padding: 3.75rem 0;
border-width: 1px;
border-style: solid none;
border-color: #1b1c1f;
}
}