tweak margins

viperML · Jul 6, 2024 · 65113fa · 65113fa
1 parent 5834189
commit 65113fa
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
@@ -96,7 +96,8 @@ const pubDate = entry.data.pubDate;
 
     #subtitle {
       font-weight: 500;
-      padding-bottom: 3rem;
+      margin-top: 0.5rem;
+      margin-bottom: 3rem;
     }
 
     @media screen(lg) {

diff --git a/src/pages/test.mdx b/src/pages/test.mdx
@@ -6,12 +6,19 @@ layout: ../layouts/Test.astro
 import Footer from '../components/Footer.astro';
 
 # Title 1
+bla bla
+
+# Title 1 again
+bla bla
 
 ## Title 2
+bla bla
 
 ### Title 3
+bla bla
 
 #### Title 4
+bla bla
 
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id risus quis sapien fermentum consectetur id vitae dolor. Morbi volutpat tincidunt risus non dapibus. Integer fermentum quis ipsum non dictum. Duis convallis scelerisque sodales. Suspendisse quis porttitor justo, at faucibus elit. Ut elementum urna quis ullamcorper tempor. Phasellus nec ullamcorper erat. Praesent et porta dolor. Mauris velit turpis, placerat ac justo ultricies, elementum finibus erat. Morbi eget metus vel arcu blandit viverra. Fusce nec enim ultricies dolor aliquam vestibulum. Maecenas tincidunt velit at leo malesuada auctor. Praesent ac tellus laoreet, porttitor mi vitae, ullamcorper dui. Phasellus laoreet eget elit non cursus. Vestibulum blandit, ipsum in suscipit dapibus, dolor eros volutpat elit, in aliquet erat libero vel sapien.

diff --git a/src/styles/main.less b/src/styles/main.less
@@ -3,13 +3,9 @@
 */
 
 main {
-    h1 {
+    h1:not(h1:first-of-type) {
         margin-top: 3rem;
-        margin-bottom: 0.5rem;
-    }
-
-    h1:first-of-type {
-        margin-top: unset;
+        margin-bottom: 1rem;
     }
 
     h2 {
@@ -45,7 +41,7 @@ main {
         scroll-margin-top: 50px;
     }
 
-    h1 + h2 {
+    h1+h2 {
         margin-top: 1rem;
     }
 }