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.
42 lines
668 B
SCSS
42 lines
668 B
SCSS
3 years ago
|
main {
|
||
|
&.ready {
|
||
|
@media screen and (max-width: $lg) {
|
||
|
padding-top: 50px;
|
||
|
padding-bottom: 40px;
|
||
|
}
|
||
|
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||
|
padding-top: 70px;
|
||
|
padding-bottom: 40px;
|
||
|
}
|
||
|
@media screen and (min-width: $xl) {
|
||
|
padding-bottom: 50px;
|
||
|
}
|
||
|
.post__thumb {
|
||
|
width: 40px;
|
||
|
height: 40px;
|
||
|
position: absolute;
|
||
|
left: 35px;
|
||
|
top: 33px;
|
||
|
}
|
||
|
.post__title {
|
||
|
display: block;
|
||
|
margin-top: 1em;
|
||
|
padding-left: 70px;
|
||
|
padding-right: 30px;
|
||
|
white-space: normal;
|
||
|
font-size: 18px;
|
||
|
min-height: 75px;
|
||
|
text-align: left;
|
||
|
line-height: 1.2;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.promo__section {
|
||
|
align-items: center;
|
||
|
&.ready {
|
||
|
h1 {
|
||
|
font-size: 2rem;
|
||
|
}
|
||
|
}
|
||
|
}
|