From e70d2f88b30280302e2c777655dcb30383680411 Mon Sep 17 00:00:00 2001
From: pdelboca <patriciodelboca@gmail.com>
Date: Sat, 10 Feb 2024 10:12:46 -0300
Subject: [PATCH] Bump sustainable.css to v0.0.9

---
 css/sustainable.css |  9 ++++++---
 demo.html           | 12 ++++++------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/css/sustainable.css b/css/sustainable.css
index 8971cbc..1287ef3 100644
--- a/css/sustainable.css
+++ b/css/sustainable.css
@@ -1,5 +1,5 @@
 /*!
- * Sustainable CSS v0.0.7 (https://github.com/pdelboca/sustainable-css/)
+ * Sustainable CSS v0.0.9 (https://github.com/pdelboca/sustainable-css/)
  * Copyright 2023 by Patricio Del Boca - Licensed under MIT
  *
  * Sustainable CSS reuses system colors:
@@ -18,7 +18,6 @@
 }
 
 body {
-    line-height: 1.65;
     font-size: 1.15rem;
     margin-top: 0;
 }
@@ -42,7 +41,11 @@ p {
     margin:0;
 }
 
-p ~ p {
+p, a, small, ol, ul, summary {
+    font-weight: 300;
+}
+
+p {
     margin-bottom: 0.75rem;
 }
 
diff --git a/demo.html b/demo.html
index d5e1b06..09de1f1 100644
--- a/demo.html
+++ b/demo.html
@@ -20,10 +20,8 @@ <h1 style="text-align: center; color: var(--color-10);">Sustainable.css</h1>
   </header>
   <main>
   <h2>Header and paragraphs</h2>
-  <p>Header and paragraphs do not have margins. Avoiding <a href="https://www.joshwcomeau.com/css/rules-of-margin-collapse/" target="_blank">margin collapse</a> makes styling way easier.</p>
-
-  <h2>Top Navigation links</h2>
-  <p>I only make the <code>font-size: larger</code> and <code>text-decoration: none</code>. You can then layout it as you want.</p>
+  <p>Header do not have margins by default to avoid <a href="https://www.joshwcomeau.com/css/rules-of-margin-collapse/" target="_blank">margin collapse</a> but paragraphs have a small bottom margin.</p>
+  <p>Margins are too opinionated and depends heavily in the layout. So I let users play with it.</p>
 
   <h2>Details</h2>
   <details>
@@ -99,8 +97,10 @@ <h2>Mark</h2>
   <p><mark>This is a highlighted text.</mark></p>
 
   <h2>Articles</h2>
-  <p>I add a border and align to the right the footer.</p>
-  <p>Usages notes in <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article#usage_notes">MDN Web Docs</a></p>
+  <p>
+    I add a border and align to the right the footer.
+    Usages notes in <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article#usage_notes">MDN Web Docs</a>
+  </p>
   <article>
     <h3>Main Article Title</h3>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum veritatis doloremque eum omnis corporis mollitia