Bump sustainable.css to v0.0.9

pdelboca · Feb 10, 2024 · e70d2f8 · e70d2f8
1 parent 6dc84b9
commit e70d2f8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git 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
@@ -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