From b733efa06c9335b773c926e68c86d8621d4b96d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Romain=20Gon=C3=A7alves?= <me@rgoncalves.se>
Date: Mon, 20 Sep 2021 09:48:01 +0200
Subject: style: Email like line-length
---
src/style/style.css | 16 +++++++++++++++-
1 file changed, 15 insertions(+), 1 deletion(-)
(limited to 'src')
diff --git a/src/style/style.css b/src/style/style.css
index ced8573..f011167 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -11,18 +11,21 @@
html {
margin: 2em auto 2em auto;
- max-width: 80ch;
+ max-width: 72ch;
}
header {
margin-bottom: 2em;
}
+
header ul {
padding-left: 0;
}
+
header ul li {
display: inline-block;
}
+
header ul li:last-child {
float: right;
}
@@ -30,6 +33,7 @@ header ul li:last-child {
a, a:hover, a:visited {
color: blue;
}
+
a:hover {
background-color: #eeeeee;
}
@@ -37,11 +41,13 @@ a:hover {
ul.index {
padding-inline-start: 0;
}
+
ul.index li {
margin: .4em 0 .4em 0;
display: block;
background-color: #eeeeee;
}
+
ul.index li span {
display: block;
}
@@ -55,11 +61,13 @@ table {
font-size: .8em;
overflow: auto;
}
+
table th, table td {
padding: .4em 1em .4em 1em;
margin: 0;
overflow: hidden;
}
+
table tr:hover {
background-color: #eeeeee;
}
@@ -82,10 +90,12 @@ blockquote {
margin-inline-end: 0;
margin-inline-start: 20%;
}
+
blockquote * {
background-color: yellow;
font-style: italic;
}
+
blockquote p {
margin-block-start: 0;
margin-block-end: 0;
@@ -100,6 +110,10 @@ footer blockquote {
}
@media only screen and (max-width: 100ch) {
+ * {
+ text-align: left;
+ }
+
body {
width: 90%;
}
--
cgit v1.2.3