Tablet-Layout für kleinere Bildschirme überarbeitet

[website] / src / main / webapp / less / variables.less

diff --git a/src/main/webapp/less/variables.less b/src/main/webapp/less/variables.less
index ba55128..a577cf4 100644 (file)
--- a/src/main/webapp/less/variables.less
+++ b/src/main/webapp/less/variables.less
@@ -1,4 +1,4 @@
-/** Farben */
+/** Farb-Thema */
 
 @normal:      #0ACF00;
 @dunkel:      #2D9B27;
@@ -6,4 +6,36 @@
 @nochdunkler: #077600;
 @hell:        #42E73A;
 @heller:      #6EE768;
-@hintergrund: #FFFFFF;
+@sehrhell:    #CEF7C8;
+
+@schrift:     #000;
+@schrifthell: tint(@schrift, 45%); 
+
+@hintergrund: #FFF;
+
+@fehler:      #e60000;
+@fehlerhell:  tint(@fehler, 70%);
+
+
+/** Bildschirmbreiten für Media-Query */
+
+@minscreen:      580px;
+@maxtablet:      939px;
+@maxsmalltablet: 800px;
+@maxsmallertablet: 700px;
+@maxphone:       @minscreen - 1;
+@maxtiny:        399px;
+
+
+/** Schriften */
+
+.droid ()
+{
+  font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype' , serif;
+}
+
+.bpreplay ()
+{
+  font-family: 'BPreplay', Helvetica, Arial, sans-serif;
+  font-weight: bold;
+}