defined typeography (#76)

closes #67 Co-authored-by: Claire Olmstead <[email protected]>
frequency-chain · Jan 12, 2024 · 86f7a31 · 86f7a31
1 parent ef971c9
commit 86f7a31
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/src/style/app.css b/src/style/app.css
@@ -24,6 +24,28 @@
   .action-card-title {
     @apply font-semibold text-2xl;
   }
+
+  /* typeography */
+  /* headers */
+  .section-title {
+    @apply font-bold text-xl;
+  }
+  .label {
+    @apply font-bold text-base tracking-wide;
+  }
+  /* data */
+  .data-value-sm {
+    @apply font-data text-green text-sm;
+  }
+  .data-value-base {
+    @apply font-data text-green text-base;
+  }
+  .data-value-lg {
+    @apply font-data text-green text-lg;
+  }
+  .data-value-2xl {
+    @apply font-data text-green text-2xl;
+  }
 }
 
 @layer base {

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -40,7 +40,7 @@ export default {
         xs: '10px',
         sm: '12px',
         base: '14px',
-        l: '20px',
+        lg: '20px',
         xl: '25px',
         '2xl': '30px',
       },