Commit ba258809 authored by Benthe Kuijpers's avatar Benthe Kuijpers
Browse files

news teaser changes: img cover and margin top excerpt

parent ab772d5e
.news-teaser { .news-teaser {
.img-wrapper { .img-wrapper {
line-height: 0;
display: block; display: block;
@include colourBg($bg-yellow, 0deg); @include colourBg($bg-yellow, 0deg);
div {
height: 0;
padding-bottom: 60%;
overflow: hidden;
position: relative;
}
img { img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: multiply; mix-blend-mode: multiply;
max-width: 100%;
z-index: -1; z-index: -1;
} }
...@@ -44,19 +53,19 @@ ...@@ -44,19 +53,19 @@
font-weight: 300; font-weight: 300;
} }
.excerpt {
display: none;
@media only screen and (min-width: $medium) {
display: block;
margin: 20px 0;
font-size: 20px;
line-height: 32px;
}
}
&.text-link { &.text-link {
padding: 0 0 0 5px; padding: 0 0 0 5px;
} }
} }
.excerpt {
display: none;
@media only screen and (min-width: $medium) {
display: block;
margin: 20px 0;
font-size: 20px;
line-height: 32px;
}
}
} }
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment