1234567891011121314151617181920212223242526272829303132
  1. @import "../../themes/ionic.globals";
  2. // Img
  3. // --------------------------------------------------
  4. /// @prop - Color of the image when it hasn't fully loaded yet
  5. $img-placeholder-background: #eee !default;
  6. ion-img {
  7. display: inline-block;
  8. min-width: 20px;
  9. min-height: 20px;
  10. background: $img-placeholder-background;
  11. contain: strict;
  12. }
  13. ion-img img {
  14. object-fit: cover;
  15. }
  16. ion-img.img-unloaded img {
  17. display: none;
  18. }
  19. ion-img.img-loaded img {
  20. display: block;
  21. }