larger paragraph tag global margins

ArhanChaudhary · Jul 16, 2024 · db8ac99 · db8ac99
1 parent e11d0a9
commit db8ac99
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 6 deletions.
diff --git a/src/components/BlogPreview.astro b/src/components/BlogPreview.astro
@@ -34,7 +34,7 @@ const { pubDate, title, description, url, colorDotRed, first, last } =
       8ch var(--date-gap) var(--timeline-width) calc(var(--date-gap) * 2)
       minmax(0, 45ch);
     --description-gap: 0px;
-    grid-template-rows: auto var(--description-gap) auto 3.5em;
+    grid-template-rows: auto var(--description-gap) auto 4em;
 
     .pub-date {
       color: hsl(0, 0%, 60%);
@@ -61,7 +61,7 @@ const { pubDate, title, description, url, colorDotRed, first, last } =
 
     a {
       grid-column-start: 5;
-      font-size: 23px;
+      font-size: 21px;
       font-weight: 700;
       justify-self: left;
       color: white;

diff --git a/src/components/CubingCompetition.astro b/src/components/CubingCompetition.astro
@@ -54,7 +54,7 @@ function averageOf5(times: (number | "DNF")[]): string {
         }))}>{decodeFileName(cubingCompetition.id)}</a
   >
 </h3>
-<p>
+<p class="competition-date">
   <i class="white">
     Competition date: {
       cubingCompetition.data.date.toLocaleDateString("en-US", {
@@ -92,6 +92,10 @@ function averageOf5(times: (number | "DNF")[]): string {
     margin-bottom: 0;
   }
 
+  .competition-date {
+    margin-top: 0.5em;
+  }
+
   .bottom-margin {
     height: 2em;
   }

diff --git a/src/components/Writeup.astro b/src/components/Writeup.astro
@@ -74,6 +74,10 @@ const { Content } = await writeup.render();
     display: inline-block;
   }
 
+  blockquote {
+    margin: -5px 0 -10px;
+  }
+
   .category-wrapper {
     display: flex;
     align-items: center;

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -355,7 +355,7 @@ const highlightIndex = sshUsers.indexOf(sshUser) + 1;
         font-weight: 200;
         color: hsl(0, 0%, 70%);
         margin-left: var(--outer-padding);
-        margin-bottom: 15px;
+        margin-bottom: 11px;
       }
     }
 
@@ -514,6 +514,11 @@ const highlightIndex = sshUsers.indexOf(sshUser) + 1;
     color: rgb(68, 147, 248);
   }
 
+  p {
+    margin-block-start: 1.5em;
+    margin-block-end: 1.5em;
+  }
+
   .cr {
     color: var(--lr) !important;
   }
@@ -539,10 +544,10 @@ const highlightIndex = sshUsers.indexOf(sshUser) + 1;
 
   .astro-code {
     padding: 1em;
-    font-size: 15px;
+    font-size: 14px;
 
     code {
-      font-size: 15px;
+      font-size: 14px;
       background-color: initial;
       padding: initial;
     }