@import "../../../themes/ionic.globals";

// Img
// --------------------------------------------------

/// @prop - Color of the image when it hasn't fully loaded yet
$img-placeholder-background: #eee !default;

.ion-img {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background: $img-placeholder-background;
  contain: strict;
}

.ion-img img {
  transition: opacity 0.5s;
  object-fit: cover;
}

//.ion-img.img-unloaded img {
//  display: none;
//}
//
//.ion-img.img-loaded img {
//  display: block;
//}