Adding styles for a webpage.

2025-12-07 23:16:51 -05:00
parent 1a822fe8c5
commit 91d5eb7f0a
18 changed files with 593 additions and 21 deletions
--- a/2025/theme/partials/cards.scss
+++ b/2025/theme/partials/cards.scss
@@ -0,0 +1,33 @@
+.card {
+  background-color: var(--primary-2);
+  padding: 15px;
+  flex: 1;
+
+  h2 {
+    margin: 0;
+    color: var(--primary-0);
+    border-bottom: 1px solid var(--primary-3);
+    margin-bottom: 12px;
+    font-size: 2.5rem;
+  }
+
+  &-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    vertical-align: top;
+    align-items: flex-start;
+    gap: 12px;
+  }
+
+  &-body {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    justify-content: space-between;
+    
+    p {
+      color: var(--primary-0);
+    }
+  }
+}
--- a/2025/theme/partials/font-scale.scss
+++ b/2025/theme/partials/font-scale.scss
@@ -0,0 +1,14 @@
+.fs-1 {
+  font-size: 2rem;
+  line-height: 2.2rem;
+
+  @media (min-width: 768px) {
+    font-size: 3rem;
+    line-height: 3.2rem;
+  }
+
+  @media (min-width: 1024px) {
+    font-size: 4rem;
+    line-height: 4.2rem;
+  }
+}