www.lurk.org

commit 7eef0e82461c8009e4e1965124d21fcbdae35e54
parent 1ebc4775e95704525c0927f63243c904a475f0b1
Author: rra <rscmbbn@riseup.net>
Date:   Tue Sep  3 15:03:39 +0200

improved mobile support

Diffstat:

style.css

|

36

+++++++++++++++++++++++-------------

1 file changed, 23 insertions(+), 13 deletions(-)

---

diff --git a/style.css b/style.css
@@ -55,20 +55,30 @@ header img {
   color: #000000;
 }
 
+code {
+
+    background-color: lavender;
+    padding-left: 0.1em;
+    padding-right: 0.1em;
+    font-family: mono;
+}
+
 main, main h1, main h2 {
   color: #7800FF;
 }
 
 main a, main a:hover, main a:visited {
   color: #7800FF;
+  word-wrap:anywhere;
 }
 
 * {
   font-family: "Route159-SemiBold", Fallback, sans-serif;
   font-size: 1.05em;
-  text-align: justify;
-  text-justify: inter-word;
+  /*! text-align: justify; */
+  /*! text-justify: inter-word; */
   list-style-type: hiragana;
+  line-height: 1.3em;
 }
 
 .centreplz {
@@ -90,10 +100,8 @@ h1, h2 {
 
 h1 {
   font-size: 2.5em;
-  letter-spacing: 0.5em;
-  /*! padding-left: 1em; */
-  overflow-wrap: break-word;
   border: 2px solid;
+  letter-spacing: 0.5em;
   padding: 0.5em;
 }
 
@@ -103,7 +111,7 @@ h1 {
 
 h2 {
   font-size: 1.5em;
-  letter-spacing: 0.5em;
+  letter-spacing: 0.1em;
 }
 
 h2:before {
@@ -126,24 +134,26 @@ footer p {
 }
 
 p, li {
-  font-kerning: auto;
-  letter-spacing: 0.02em;
+  /*! font-kerning: auto; */
+  /*! letter-spacing: 0.02em; */
+  margin-bottom: 1em;
 }
 
 
 @media screen and (orientation:portrait) {
 
 .centreplz {
-	padding:1em;
-	max-width: 100%;
-	width:auto;
+  padding:1em;
+  max-width: 100%;
+  width:auto;
 
 }
 h1{
-	font-size: 1.8em;
+  font-size: 1.8em;
+  letter-spacing: 0.2em;
 }
 h2{
-	font-size: 1.2em;
+  font-size: 1.2em;
 }
 }