From 983f9b384ec7dc2e8869af5bc5742725327cd352 Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Sat, 14 Dec 2013 17:59:26 +0100
Subject: [PATCH] =?utf8?q?Styling=20f=C3=BCr=20Smartphone-Gr=C3=B6=C3=9Fen?=
 =?utf8?q?=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/templates/html5page.jsp |  3 ++-
 src/main/webapp/WEB-INF/wro.xml                 |  5 +++++
 src/main/webapp/less/phone/navigation.less      | 15 +++++++++++++++
 src/main/webapp/less/phone/typo.less            |  5 +++++
 4 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 src/main/webapp/less/phone/navigation.less
 create mode 100644 src/main/webapp/less/phone/typo.less

diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
index 13961556..5930ac8f 100644
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -10,7 +10,8 @@
     <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
     <link rel="stylesheet" type="text/css" href="css/base.css" />
     <style type="text/css">
-      @import 'css/screen.css' screen and (min-width: 960px)
+      @import 'css/screen.css' screen and (min-width: 960px);
+      @import 'css/phone.css' screen and (max-width: 599px);
     </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 8d80739d..7e0c3235 100644
--- a/src/main/webapp/WEB-INF/wro.xml
+++ b/src/main/webapp/WEB-INF/wro.xml
@@ -22,6 +22,11 @@
     <css>/less/screen/footer.less</css>
   </group>
 
+  <group name="phone">
+    <css>/less/phone/typo.less</css>
+    <css>/less/phone/navigation.less</css>
+  </group>
+
   <group name="ie8">
     <js>/js/html5shiv.js</js>
   </group>
diff --git a/src/main/webapp/less/phone/navigation.less b/src/main/webapp/less/phone/navigation.less
new file mode 100644
index 00000000..6a8f0509
--- /dev/null
+++ b/src/main/webapp/less/phone/navigation.less
@@ -0,0 +1,15 @@
+#breadcrumb .b
+{
+  display: none;
+}
+#breadcrumb a.hide
+{
+  margin: 0;
+}
+
+#menu,
+#submenu
+{
+  font-size: 150%; /** 18px */
+  line-height: 1.5em;
+}
diff --git a/src/main/webapp/less/phone/typo.less b/src/main/webapp/less/phone/typo.less
new file mode 100644
index 00000000..a8f1489a
--- /dev/null
+++ b/src/main/webapp/less/phone/typo.less
@@ -0,0 +1,5 @@
+body
+{
+  font-size: 87.5%; /** 14px */
+  padding: .5em 1em 1em 1.5em;
+}
-- 
2.20.1