From 243cc5f75d27d9e86d2e10d2ed6cc5e433cd8a1f Mon Sep 17 00:00:00 2001 From: NunoSempere Date: Thu, 10 Mar 2022 07:22:29 +0000 Subject: [PATCH] tweak: Make css more readable --- pub/style/style.css | 71 ++++++++++++++++++++++++++++++++++++++------- 1 file changed, 60 insertions(+), 11 deletions(-) diff --git a/pub/style/style.css b/pub/style/style.css index 91f060e..348a0b9 100644 --- a/pub/style/style.css +++ b/pub/style/style.css @@ -1,11 +1,60 @@ -body { display: flex; flex-wrap: wrap; font-family: sans; } -header { flex-basis: 100%; flex-shrink: 0; } -article { flex-basis: 60%; padding-left: 1em; } -footer { flex-basis: 100%; flex-shrink: 0; } -header nav { display: flex; justify-content: space-between; } -nav a, header a { text-decoration: none ; color: inherit; } -header h1 span { margin-left: 1em; font-size: 50%; font-style: italic; } -body > nav { flex-basis: content; padding-right: 1vw; min-width: 16em; } -nav ul { display: flex; flex-direction: column; list-style-type: none; list-style-position: outside; padding-left: 0; } -nav li ul { padding-left: 0.6em } -footer { display: flex; justify-content: space-between; } +body { + display: flex; + flex-wrap: wrap; + font-family: sans; +} + +header { + flex-basis: 100%; + flex-shrink: 0; +} + +article { + flex-basis: 60%; + padding-left: 1em; +} + +footer { + flex-basis: 100%; + flex-shrink: 0; +} + +header nav { + display: flex; + justify-content: space-between; +} + +nav a, +header a { + text-decoration: none; + color: inherit; +} + +header h1 span { + margin-left: 1em; + font-size: 50%; + font-style: italic; +} + +body>nav { + flex-basis: content; + padding-right: 1vw; + min-width: 16em; +} + +nav ul { + display: flex; + flex-direction: column; + list-style-type: none; + list-style-position: outside; + padding-left: 0; +} + +nav li ul { + padding-left: 0.6em +} + +footer { + display: flex; + justify-content: space-between; +}