From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Sat, 10 Nov 2012 15:31:23 +0000 (-0500)
Subject: additional media query plus vertical queries to support smaller screens (closes ... 
X-Git-Tag: 2.2.0~77
X-Git-Url: http://git.tremily.us/?a=commitdiff_plain;h=f6c5ceb49053bb67c63d88a38261484a974812f7;p=reveal.js.git

additional media query plus vertical queries to support smaller screens (closes #232)
---

diff --git a/css/reveal.css b/css/reveal.css
index 5f6a023..2e72aca 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -57,14 +57,20 @@ body {
 }
 
 ::selection {
-	background:#FF5E99;
-	color:#fff;
+	background: #FF5E99;
+	color: #fff;
 	text-shadow: none;
 }
 
-@media screen and (max-width: 900px) {
-	.reveal {
-		font-size: 30px;
+@media screen and (max-width: 900px), (max-height: 600px) {
+	.reveal .slides {
+		font-size: 0.82em;
+	}
+}
+
+@media screen and (max-width: 700px), (max-height: 400px) {
+	.reveal .slides {
+		font-size: 0.66em;
 	}
 }