additional media query plus vertical queries to support smaller screens (closes ...
authorHakim El Hattab <hakim.elhattab@gmail.com>
Sat, 10 Nov 2012 15:31:23 +0000 (10:31 -0500)
committerHakim El Hattab <hakim.elhattab@gmail.com>
Sat, 10 Nov 2012 15:31:23 +0000 (10:31 -0500)
css/reveal.css

index 5f6a023c9b0c4685454152460bb3e9008c3dfa94..2e72aca9c60c2e4ea28fa07e241acf2e5f7357c3 100644 (file)
@@ -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;
        }
 }