cmc/cleberg.net

My personal web garden & blog.

clone: git clone https://gitbay.org/cmc/cleberg.net.git

2a5462f798a5c07322806378116781e8301fa86a

unsigned

author: Christian Cleberg <hello@cleberg.net> · 2025-04-05T16:40:28Z

CSS fixes for issue #2

 theme/static/styles.css | 65 ++++---------------------------------------------
 1 file changed, 5 insertions(+), 60 deletions(-)

diff --git a/theme/static/styles.css b/theme/static/styles.css
index 91a441f..a5351cc 100644
--- a/theme/static/styles.css
+++ b/theme/static/styles.css
@@ -16,14 +16,6 @@ html {
 /* Sections
      ========================================================================== */
 
-/**
-   * Remove the margin in all browsers.
-   */
-
-body {
-    margin: 0;
-}
-
 /**
    * Render the `main` element consistently in IE.
    */
@@ -56,16 +48,6 @@ hr {
     overflow: visible; /* 2 */
 }
 
-/**
-   * 1. Correct the inheritance and scaling of font size in all browsers.
-   * 2. Correct the odd `em` font sizing in all browsers.
-   */
-
-pre {
-    font-family: monospace, monospace; /* 1 */
-    font-size: 1em; /* 2 */
-}
-
 /* Text-level semantics
      ========================================================================== */
 
@@ -97,18 +79,6 @@ strong {
     font-weight: bolder;
 }
 
-/**
-   * 1. Correct the inheritance and scaling of font size in all browsers.
-   * 2. Correct the odd `em` font sizing in all browsers.
-   */
-
-code,
-kbd,
-samp {
-    font-family: monospace, monospace; /* 1 */
-    font-size: 1em; /* 2 */
-}
-
 /**
    * Add the correct font size in all browsers.
    */
@@ -138,17 +108,6 @@ sup {
     top: -0.5em;
 }
 
-/* Embedded content
-     ========================================================================== */
-
-/**
-   * Remove the border on images inside links in IE 10.
-   */
-
-img {
-    border-style: none;
-}
-
 /* Forms
      ========================================================================== */
 
@@ -312,25 +271,6 @@ textarea {
     font: inherit; /* 2 */
 }
 
-/* Interactive
-     ========================================================================== */
-
-/*
-   * Add the correct display in Edge, IE 10+, and Firefox.
-   */
-
-details {
-    display: block;
-}
-
-/*
-   * Add the correct display in all browsers.
-   */
-
-summary {
-    display: list-item;
-}
-
 /* Misc
      ========================================================================== */
 
@@ -378,6 +318,7 @@ body {
         monospace;
     font-size: 0.9rem;
     line-height: 1.5;
+    margin: 0;
     max-width: 50em;
     margin: 0 auto;
     padding: 0 1rem;
@@ -435,6 +376,7 @@ a:hover {
 }
 
 img {
+    border-style: none;
     width: 100%;
 }
 
@@ -460,6 +402,7 @@ td {
     padding: 0.25rem;
 }
 
+pre,
 pre > code,
 time,
 code {
@@ -539,10 +482,12 @@ blockquote p {
 }
 
 details {
+    display: block;
     margin-top: 1rem;
 }
 
 summary {
+    display: list-item;
     font-weight: bold;
 }