Improve the styling slightly

kirillbobyrev · Dec 8, 2023 · daf96ae · daf96ae
1 parent 34c12bf
commit daf96ae
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 19 deletions.
diff --git a/archetypes/blog.md b/archetypes/blog.md
@@ -1,5 +1,5 @@
 +++
-title = '{{ replace .Name "-" " " | title }}'
+title = "{{ replace .Name '-' ' ' | title }}"
 date = {{ .Date | time.Format "2006-01-02" }}
 tags = []
 math = false

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -1,6 +1,8 @@
 /* Variables */
 
 :root {
+  --max-width: 48rem;
+
   /* Colors */
   --accent: #4285f4;
   --accent-light: #93a9d1;
@@ -28,7 +30,7 @@ body {
     "Segoe UI Emoji",
     "Segoe UI Symbol";
   margin: auto;
-  max-width: 45rem;
+  max-width: var(--max-width);
   padding: 1rem 1.5rem;
   line-height: var(--line-height);
   background-color: var(--background);
@@ -38,6 +40,7 @@ body {
 
 img {
   max-width: 100%;
+  height: auto;
 }
 
 /* Image captions (if applicable) */
@@ -74,7 +77,9 @@ code {
 }
 
 hr {
-  color: var(--muted);
+  border: 0;
+  height: 1px;
+  background: var(--muted);
 }
 
 pre:has(code), p>code {
@@ -106,8 +111,8 @@ time {
 }
 
 .menu {
-  padding-bottom: .5rem;
-  border-bottom: 2px solid var(--muted);
+  padding-bottom: 1rem;
+  border-bottom: 1px solid var(--muted);
 }
 
 .menu-link {
@@ -153,18 +158,15 @@ time {
 
 /* Headings */
 
-h2 {
-  position: relative;
+h2,
+h3,
+h4 {
+  padding-top: .5rem;
+  padding-bottom: .5rem;
 }
 
-h2::after {
-  content: '';
-  position: absolute;
-  bottom: -0.6rem;
-  left: 0;
-  width: 100%;
-  height: 1px;
-  background-color: var(--muted);
+h2 {
+  position: relative;
 }
 
 /* Misc */

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -27,10 +27,6 @@ <h1>
 
 </article>
 
-{{ if and .IsPage site.Params.enableDisqus }}
-{{ template "_internal/disqus.html" . }}
-{{ end }}
-
 {{ if .Page.Store.Get "hasMermaid" }}
 <script type="module">
   import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';