tweak responsive css

2017-09-06 14:19:19 -07:00
parent 1bb9720e76
commit 599f2a59fe
1 changed files with 10 additions and 1 deletions
--- a/app/assets/stylesheets/specific/z_responsive.scss
+++ b/app/assets/stylesheets/specific/z_responsive.scss
@@ -101,7 +101,7 @@
      margin: 0 auto;
    }
    img {
-      object-fit: contain;
+      object-fit: cover;
      width: 48.5vw;
      height: 48.5vw;
      margin: 0 auto;
@@ -110,6 +110,15 @@
    img.cropped {
      object-fit: cover;
    }
+    &[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before, &[data-file-ext=mp4]:before, &[data-file-ext=zip]:before {
+      left: 0.5vw;
+      @include animated-icon;
+    }
+
+    &[data-has-sound=true]:before {
+      left: 0.5vw;
+      @include sound-icon;
+    }
  }

  img#image {