Apply rounded corners to all teaser images

This commit is contained in:
Michael Rose 2016-03-23 16:33:47 -04:00
parent 7f42a0e4c2
commit 6af658b019

View file

@ -44,6 +44,14 @@
} }
} }
.archive__item-teaser {
border-radius: $border-radius;
overflow: hidden;
img {
width: 100%;
}
}
a:hover { a:hover {
.archive__item-teaser { .archive__item-teaser {
box-shadow: 0 0 10px rgba(#000, 0.25); box-shadow: 0 0 10px rgba(#000, 0.25);
@ -93,18 +101,10 @@ a:hover {
display: none; display: none;
} }
.archive__item-teaser {
border-radius: $border-radius;
img {
width: 100%;
}
}
@include breakpoint($small) { @include breakpoint($small) {
@include gallery(5 of 10); @include gallery(5 of 10);
.archive__item-teaser { .archive__item-teaser {
max-height: 200px; max-height: 200px;
overflow: hidden;
} }
} }