somewhat bigger font-size, except headings and code blocks

npup · May 8, 2023 · bc4e72a · bc4e72a
1 parent 70c73a8
commit bc4e72a
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 9 deletions.
diff --git a/dist/css-to-go.css b/dist/css-to-go.css
@@ -121,6 +121,9 @@
     margin: 0.8em 0;
     padding: 0 0 0 1rem;
 }
+.ctg-root :not(h1, h2, h3, h4) {
+    font-size: 1.12rem;
+}
 .ctg-root h1,
 .ctg-root h2,
 .ctg-root h3,
@@ -141,6 +144,10 @@
 .ctg-root code > pre {
     border: 2px solid var(--color-codepre-border);
     border-radius: var(--border-radius);
+    margin: 1rem 0;
+    padding: 0.5rem;
+    white-space: break-spaces;
+    font-size: 1rem;
 }
 .ctg-root blockquote {
     font-style: italic;

diff --git a/dist/css-to-go.min.css b/dist/css-to-go.min.css
diff --git a/docs/examples/index.html b/docs/examples/index.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>CSS To Go - Example pages</title>
-    <link rel="stylesheet" href="/_astro/index.a91bff40.css" /></head>
+    <link rel="stylesheet" href="/_astro/index.60dd6261.css" /></head>
     <body class="ctg-root ctg-container ctg-theme--dark">
 
     <h1 id="top">CSS To Go - examples</h1>

diff --git a/docs/examples/theme-light/index.html b/docs/examples/theme-light/index.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>CSS To Go - Example pages</title>
-    <link rel="stylesheet" href="/_astro/index.a91bff40.css" /></head>
+    <link rel="stylesheet" href="/_astro/index.60dd6261.css" /></head>
     <body class="ctg-root ctg-container ctg-theme--light">
 
     <h1 id="top">CSS To Go - examples</h1>

diff --git a/docs/index.html b/docs/index.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>CSS To Go - Example pages</title>
-    <link rel="stylesheet" href="/_astro/index.a91bff40.css" /></head>
+    <link rel="stylesheet" href="/_astro/index.60dd6261.css" /></head>
     <body class=" ctg-container ctg-theme--dark">
 
     <h1>CSS To Go</h1>
@@ -75,8 +75,7 @@ <h3>How to use it</h3>
     </p>
 
     <code>
-        <pre>        
-    &lt;DOCTYPE html&gt;
+        <pre>&lt;DOCTYPE html&gt;
     &lt;html&gt;
     &lt;head&gt;
         &lt;title>Example&lt;/title&gt;
@@ -87,8 +86,7 @@ <h3>How to use it</h3>
         ... your content
 
     &lt;/body&gt;
-    &lt;html&gt;
-        </pre>
+&lt;html&gt;</pre>
     </code>
 
     <p>

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "css-to-go",
     "type": "module",
-    "version": "1.6.5",
+    "version": "1.7.0",
     "description": "A bit of global CSS to help shape up the looks of a plain HTML document.  Has a dark mode and a light mode.",
     "author": "P.Envall <[email protected]>",
     "homepage": "https://npup.github.io/css-to-go",

diff --git a/src/styles/_basic-elements.css b/src/styles/_basic-elements.css
@@ -1,4 +1,7 @@
 .ctg-root {
+    & :not(h1, h2, h3, h4) {
+        font-size: 1.12rem;
+    }
     /** Headings 1-4 */
     & h1,
     & h2,
@@ -31,6 +34,7 @@
         margin: 1rem 0;
         padding: 0.5rem;
         white-space: break-spaces;
+        font-size: 1rem;
     }
 
     /** quote section */