Changed the height of the images in the card component so that they w…

…ould be consistent; Slight scss styling fixes
DigitalGardeningCollective · Mar 15, 2024 · bdcaa6f · bdcaa6f
1 parent 9f0b661
commit bdcaa6f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/quartz/components/Card.tsx b/quartz/components/Card.tsx
@@ -40,7 +40,7 @@ export default ((userOpts?: Options) => {
             border-bottom-right-radius: 0;
             display: flex;
             width: 100%;
-            height: 150px;
+            height: 130px;
             object-fit: cover;
             margin: 0;
         }

diff --git a/quartz/components/styles/garden.scss b/quartz/components/styles/garden.scss
@@ -23,7 +23,7 @@
         width: 150px;
         height: 150px;
         border-radius: 50%;
-        border: 8px solid var(--gray);
+        border: 8px solid var(--secondary);
         margin: 1rem 0;
     }
 }

diff --git a/quartz/components/styles/landing.scss b/quartz/components/styles/landing.scss
@@ -8,7 +8,7 @@
         width: 100px;
         height: 100px;
         border-radius: 50%;
-        border: 8px solid var(--gray);
+        border: 8px solid var(--secondary);
         margin: 0;
     }
 }

diff --git a/quartz/components/styles/navbar.scss b/quartz/components/styles/navbar.scss
@@ -116,7 +116,7 @@ nav.navbar {
 			transition: all 0.35s ease;
 
 			&:hover {
-				color: --var(secondary);
+				color: var(--secondary);
 			}
 		}
 
@@ -163,12 +163,12 @@ nav.navbar {
 			font-size: 1rem;
 			font-weight: 500;
 			line-height: inherit;
-			color: --var(dark);
+			color: var(--dark);
 			text-rendering: optimizeLegibility;
 			transition: all 0.35s ease;
 
 			&:hover {
-				color: --var(secondary);
+				color: var(--secondary);
 			}
 		}