Merge pull request #849 from rrott/fix/253-CardMedia_in_firefox

Added ::after pseudo to CardMedia to fix an issue in FireFox
2016-10-12 16:56:58 +02:00 · 2016-10-12 16:56:58 +02:00 · 960c3b2edf
parent c20351f572 42543f4f85
commit 960c3b2edf
1 changed files with 7 additions and 3 deletions
--- a/components/card/theme.scss
+++ b/components/card/theme.scss
@ -27,7 +27,6 @@
  background-size: cover;
  &.wide, &.square {
    width: 100%;
-    height: 0;
    .content {
      position: absolute;
      height: 100%;
@ -36,10 +35,15 @@
      max-width: 100%;
    }
  }
-  &.wide {
+  &::after {
+    display: block;
+    height: 0;
+    content: "";
+  }
+  &.wide::after {
    padding-top: 56.25%;
  }
-  &.square {
+  &.square::after {
    padding-top: 100%;
  }
  .content {