// // 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;
}

}