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


.img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.img-block {
  width: 100%;
}

.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-polaroid {
  padding: 4px;
  border: 1px solid rgba(#000, 0.2);
  background: #FFF;
}

.img-frame {
  display: inline-block;
  border: 1px solid #ccc;

  img {
    @extend .img;
    margin: 5px;
  }

  &.img-circular {
    img {
      @extend .img-circular;
    }
  }

  &.img-selected {
    @extend .img-selected;
    img {
      margin: 0;
    }
  }

}<commit_msg>Refactors img styling<commit_after>//Images

//
//@variables
//

//
//@mixin
//
@mixin img-responsive($display: inline-block) {
  max-width: 100%;
  height: auto;
  display: $display;
}

//General img styling
//Deprecated on IE9+
img {
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;

  //Images responsive styling
  &.img-responsive {
    @include img-responsive;
  }

  //Circular images
  &.img-circular {
    @include border-radius(50%);
  }

  //Well images
  &.img-radius {
    @include border-radius(2%);
  }

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

}

//iOS fix for rounded and polaroid images
.img-frame {
  display: inline-block;
  border: 1px solid #ccc;

  img {
    margin: 5px;
  }

  &.img-circular {
    img {
      @extend .img-circular;
    }
  }
}
{'fraction_non_alphanumeric': 0.19942028985507246, 'fraction_numerical': 0.022028985507246378, 'mean_word_length': 2.0440917107583774, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7359293', 'n_tokens_mistral': 707, 'n_tokens_neox': 636, 'n_words': 142}