Ensure embed still looks good on mobile

sedders123 · sedders123 · commit 0c634b34b33c · 2022-10-21T19:17:43.000+01:00
diff --git a/_sass/docs.scss b/_sass/docs.scss
@@ -106,9 +106,15 @@
     background: white;
     border: 1px solid silver;
     padding: 3px;
+    max-height: 25vh;
+
+    @media (orientation: landscape) {
+      max-height: 90vh;
+    }
 
     @include media-query('medium') {
       min-height: 480px;
+      max-height: initial;
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -106,9 +106,15 @@`
`106`	`106`	`background: white;`
`107`	`107`	`border: 1px solid silver;`
`108`	`108`	`padding: 3px;`
	`109`	`+ max-height: 25vh;`
	`110`	`+`
	`111`	`+ @media (orientation: landscape) {`
	`112`	`+ max-height: 90vh;`
	`113`	`+ }`
`109`	`114`
`110`	`115`	`@include media-query('medium') {`
`111`	`116`	`min-height: 480px;`
	`117`	`+ max-height: initial;`
`112`	`118`	`}`
`113`	`119`	`}`
`114`	`120`