Added ::after pseudo to CardMedia to fix issue in FF

2016-10-09 21:18:16 +03:00 · 2016-10-09 21:18:16 +03:00 · 42543f4f85
parent e90a188a37
commit 42543f4f85
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 {