50 lines
856 B
SCSS
50 lines
856 B
SCSS
.article {
|
|
|
|
&__header {
|
|
grid-template-rows: 50px minmax(50px, max-content) auto;
|
|
-ms-grid-rows: 50px 50px auto;
|
|
grid-row-gap: 30px;
|
|
display: -ms-flex;
|
|
@supports (display: grid) {
|
|
display: grid;
|
|
}
|
|
}
|
|
|
|
&__meta {
|
|
border-bottom: 1px solid $color-lightgrey;
|
|
align-self: end;
|
|
padding: 20px 0;
|
|
width: 100%;
|
|
|
|
margin-bottom: $large-spacing;
|
|
@supports (display: grid) {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
grid-row: 3;
|
|
}
|
|
|
|
&__subtitle {
|
|
grid-row: 2;
|
|
font-family: $serif-font-family;
|
|
font-weight: $font-weight-regular;
|
|
}
|
|
|
|
&__content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
@supports (display: grid) {
|
|
display: grid;
|
|
}
|
|
grid-row-gap: 40px;
|
|
padding-bottom: 40px;
|
|
|
|
/deep/ p {
|
|
font-size: toRem(18px);
|
|
line-height: 1.5;
|
|
}
|
|
}
|
|
}
|