From f6c5ceb49053bb67c63d88a38261484a974812f7 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Sat, 10 Nov 2012 10:31:23 -0500
Subject: [PATCH] additional media query plus vertical queries to support
smaller screens (closes #232)
---
css/reveal.css | 16 +++++++++++-----
1 file changed, 11 insertions(+), 5 deletions(-)
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;
}
}
--
GitLab