Shrink margins around iframes and nest media query inside filter-effe…

…cts-codepen rule.
adobe-webplatform · Sep 12, 2014 · 75ad338 · 75ad338
1 parent 4a86bc4
commit 75ad338
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 17 deletions.
diff --git a/css/main.css b/css/main.css
diff --git a/css/main.css.map b/css/main.css.map
diff --git a/css/main.scss b/css/main.scss
@@ -188,7 +188,7 @@ p, code, pre, blockquote {
 }
 
 figure, iframe {
-  margin: 2rem 0;
+  margin: 1rem 0;
 }
 
 figcaption {
@@ -308,13 +308,9 @@ a {
 /* Page Specific CSS */
 
 .filter-effects-codepen iframe {
-  margin: 1rem 0;
-}
-
-/* This breakpoint should correspond to the one defined in the CodePen, so that
-   when the CodePen changes its layout, the iframe height is updated. */
-@media (max-width: 590px) {
-  .filter-effects-codepen iframe {
+  /* This breakpoint should correspond to the one defined in the CodePen, so
+     that when the CodePen changes its layout, the iframe height is updated. */
+  @media (max-width: 590px) {
     height: 215px;
   }
 }