N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Apply rounded corners to all teaser images

Browse source
This commit is contained in:
Michael Rose 2016-03-23 16:33:47 -04:00
parent 7f42a0e4c2
commit 6af658b019
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/_scss/_archive.scss
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;
} }
} }