/*------------------------------------*\
    $IMAGES
\*------------------------------------*/
/**
 * Images definition. 
 * 
 * Designed and built @kurenn  
 */


.img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  @include box-sizing(border-box);
  margin: 10px;
}

.img-hover {
  @include transition(all .4s ease);
  &:hover {
    border: 1px solid rgba($img-border, 1);
  }
}

.img-circular {
  @include border-radius(50%);
}

.img-well {
  @include border-radius(2%);
}

.img-selected {
  border: 3px solid rgba($img-border, 0.8);
  opacity: .9;  
}

.img-polaroid {
  padding: 4px;
  border: 1px solid rgba(#000, 0.2);
  background: #FFF;
}