tweak capabilities font sizes across break points

ProjectEvergreen · Nov 4, 2024 · 3cd6e85 · 3cd6e85
1 parent 13f357d
commit 3cd6e85
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/src/components/capabilities/capabilities.css b/src/components/capabilities/capabilities.css
@@ -3,16 +3,17 @@
   background-color: var(--color-secondary);
 }
 
-.capabilities em,
-.capabilities strong,
-.capabilities code {
-  font-size: var(--font-size-1);
-}
-
 .container {
   padding: var(--size-fluid-2);
 }
 
+.content,
+.content strong,
+.content em,
+.content code {
+  font-size: var(--font-size-2);
+}
+
 .section {
   display: inline-block;
   border-radius: var(--radius-5);
@@ -94,12 +95,6 @@
   margin: 0;
 }
 
-.content {
-  margin: 0;
-  text-align: left;
-  font-size: var(--font-size-1);
-}
-
 pre {
   margin: 0;
 }
@@ -136,7 +131,7 @@ pre {
   .content strong,
   .content em,
   .content code {
-    font-size: var(--font-size-fluid-1) !important;
+    font-size: var(--font-size-3);
   }
 
   .snippet pre {
@@ -160,4 +155,11 @@ pre {
   .container {
     padding: var(--size-9) var(--size-11);
   }
+
+  .content,
+  .content strong,
+  .content em,
+  .content code {
+    font-size: var(--font-size-4);
+  }
 }