#28 enhance media-container and media-action

Fonsart · Mar 23, 2016 · 05111d3 · 05111d3
1 parent ebdacd2
commit 05111d3
Showing 1 changed file with 19 additions and 5 deletions.
diff --git a/assets/sass/organisms/_media-details.scss b/assets/sass/organisms/_media-details.scss
@@ -1,15 +1,29 @@
 @charset "UTF-8";
 
 .article-container {
-  padding: 4em 1em;
   font-size: $font-size-large;
+  padding: 4em 1em;
 }
 
-.media-container{
+.media-container {
   position: relative;
-  .media-action{
+
+  &:not(.article-container) {background: $tundora;}
+
+  img {
+    margin: 0 auto;
+    max-height: 60vh;
+  }
+
+  .media-action {
     position: absolute;
-    top: -1.5rem;
-    right: 1em;
+    right: 0;
+    bottom: 100%;
+
+    a {
+      margin-bottom: 0;
+      border-radius: $btn-border-radius-small $btn-border-radius-small 0 0;
+      box-shadow: inset 0 -1px 3px 0 rgba(0, 0, 0, 0.5);
+    }
   }
 }