// // Default Image Classes // —————————————-
.img-round {
border-radius: 50%; vertical-align: bottom;
}
.img-thumbnail {
max-width: 100%; max-height: 100%; height: auto; padding: 2px; border: 1px solid $image-tn-border-color; background: #fff;
}
.img-frame {
width: $image-frame-width; height: $image-frame-height; text-align: center; white-space: nowrap; padding: 0; &:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } > img { display: inline-block; height: auto; vertical-align: middle; }
}
.img-frame-small {
width: $image-frame-width-small; height: $image-frame-height-small;
}
.img-vignette-square {
display: inline-block; > img { outline: 1px solid rgba(0, 0, 0, .3); outline-offset: -1px; padding: .5px; }
}