@appartmint/mint 0.11.6 → 0.11.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/css/mint.css CHANGED
@@ -712,9 +712,6 @@ app-footer::before {
712
712
  cursor: pointer;
713
713
  }
714
714
 
715
- .mint-image {
716
- min-height: 1px;
717
- }
718
715
  .mint-image.mint-error::after {
719
716
  content: "❌ Image failed to load. This is a placeholder.";
720
717
  position: absolute;
@@ -813,20 +810,24 @@ app-footer::before {
813
810
  transition: transform 200ms ease-out;
814
811
  }
815
812
 
816
- .mint-16-9 {
813
+ .mint-aspect, .mint-16-9 {
817
814
  position: relative;
818
815
  height: 0;
819
- padding-top: 56.25%;
820
816
  overflow: hidden;
821
817
  }
822
- .mint-16-9 iframe {
818
+ .mint-aspect iframe, .mint-16-9 iframe, .mint-aspect video, .mint-16-9 video {
823
819
  position: absolute !important;
824
- top: 0 !important;
825
- left: 0 !important;
820
+ top: 50% !important;
821
+ left: 50% !important;
822
+ transform: translate(-50%, -50%) !important;
826
823
  width: 100% !important;
827
824
  height: 100% !important;
828
825
  }
829
826
 
827
+ .mint-16-9 {
828
+ padding-top: 56.25%;
829
+ }
830
+
830
831
  *, *::before, *::after {
831
832
  box-sizing: border-box;
832
833
  }
@@ -900,6 +901,7 @@ a, button {
900
901
 
901
902
  img, video {
902
903
  width: 100%;
904
+ height: auto;
903
905
  }
904
906
 
905
907
  iframe {