From: Kai Moritz <kai@juplo.de>
Date: Sat, 14 Dec 2013 17:09:30 +0000 (+0100)
Subject: Styling für sehr kleine Bildschirmgrößen hinzugefügt
X-Git-Tag: thymeroot-2.0.0~167
X-Git-Url: https://juplo.de/gitweb/?p=website;a=commitdiff_plain;h=5fa0cc9e2313e46c248982072703d0b4cbd0d7e5;ds=sidebyside

Styling für sehr kleine Bildschirmgrößen hinzugefügt
---

diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
index 5930ac8f..15aabc3c 100644
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -12,6 +12,7 @@
     <style type="text/css">
       @import 'css/screen.css' screen and (min-width: 960px);
       @import 'css/phone.css' screen and (max-width: 599px);
+      @import 'css/tiny.css' screen and (max-width: 399px);
     </style>
     <script src="js/base.js"></script>
     <!--[if IE 8]>
diff --git a/src/main/webapp/WEB-INF/wro.xml b/src/main/webapp/WEB-INF/wro.xml
index 7e0c3235..f1bfcb58 100644
--- a/src/main/webapp/WEB-INF/wro.xml
+++ b/src/main/webapp/WEB-INF/wro.xml
@@ -27,6 +27,11 @@
     <css>/less/phone/navigation.less</css>
   </group>
 
+  <group name="tiny">
+    <css>/less/tiny/typo.less</css>
+    <css>/less/tiny/navigation.less</css>
+  </group>
+
   <group name="ie8">
     <js>/js/html5shiv.js</js>
   </group>
diff --git a/src/main/webapp/less/tiny/navigation.less b/src/main/webapp/less/tiny/navigation.less
new file mode 100644
index 00000000..1fd01b4b
--- /dev/null
+++ b/src/main/webapp/less/tiny/navigation.less
@@ -0,0 +1,6 @@
+#menu,
+#submenu
+{
+  font-size: 150%; /** 18px */
+  line-height: 1.5em;
+}
diff --git a/src/main/webapp/less/tiny/typo.less b/src/main/webapp/less/tiny/typo.less
new file mode 100644
index 00000000..aa0b2078
--- /dev/null
+++ b/src/main/webapp/less/tiny/typo.less
@@ -0,0 +1,4 @@
+body
+{
+  font-size: 75%; /** 12px */
+}