Sha256: 816361b852085a035181bd1f991e76170f3f6da58b374cb4b601168babbaca68
Contents?: true
Size: 1.17 KB
Versions: 13
Compression:
Stored size: 1.17 KB
Contents
.media-grid {
@extend .list-unstyled;
@include make-row;
margin-bottom: -20px !important;
li {
@include make-xs-column(6);
@include make-sm-column(4);
@include make-md-column(3);
margin-bottom: 20px !important;
}
figure {
@include aspect-ratio(4 / 3);
background: #eee;
overflow: hidden;
display: flex;
align-items: center;
img {
@include fill-area;
width: 100%;
height: 100%;
object-fit: contain;
}
}
figure.fill {
img {
object-fit: cover;
}
}
figure.zoom {
img {
transition: transform 250ms;
}
&:hover img {
transform: scale(1.05);
}
}
a {
cursor: zoom-in;
}
}
.media-grid-sm {
li {
@include make-xs-column(4);
@include make-sm-column(3);
@include make-md-column(2);
}
}
.media-grid-lg {
li {
@include make-xs-column(12);
@include make-sm-column(6);
@include make-md-column(4);
}
}
@include mobile {
.media-grid {
margin-left: -5px;
margin-right: -5px;
margin-bottom: -10px !important;
li {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px !important;
}
}
}
Version data entries
13 entries across 13 versions & 1 rubygems