feat(design): update article code styles (#2966)

graycoreio · Aug 12, 2024 · ab4aacc · ab4aacc
1 parent c3a1ad3
commit ab4aacc
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 14 deletions.
diff --git a/libs/design/article/src/article-theme.scss b/libs/design/article/src/article-theme.scss
@@ -17,20 +17,19 @@
 	$table-border-color: theming.daff-illuminate($base, $neutral, 2);
 
 	.daff-article {
+		color: $text-color;
+
 		&__meta {
 			color: theming.daff-illuminate($base-contrast, $neutral, 3);
 		}
 
 		@include stopsArticleCascade(a) {
 			color: theming.daff-color($primary);
-		}
-
-		@include stopsArticleCascade(h1, h2, h3, h4, h5, h6) {
-			color: $text-color;
-		}
 
-		@include stopsArticleCascade(p) {
-			color: $text-color;
+			code {
+				background: theming.daff-illuminate($base, $primary, 1);
+				color: theming.daff-illuminate($base-contrast, $primary, 4);
+			}
 		}
 
 		pre {

diff --git a/libs/design/article/src/article/article.component.scss b/libs/design/article/src/article/article.component.scss
@@ -13,6 +13,12 @@
 		&:hover {
 			text-decoration: underline;
 		}
+
+		code {
+			font-size: 0.875em;
+			font-weight: 600;
+			line-height: 0.875em;
+		}
 	}
 
 	@include stopsArticleCascade(h1, h2, h3, h4, h5, h6) {
@@ -36,12 +42,6 @@
 		+ p {
 			@include t.body-md;
 			font-weight: 400;
-
-			code {
-				font-size: 1.25rem;
-				line-height: 1.5rem;
-				font-weight: 400;
-			}
 		}
 	}
 
@@ -102,7 +102,7 @@
 		border-radius: 0.25em;
 		font-size: t.$small-font-size;
 		line-height: 1rem;
-		padding: 0.25em;
+		padding: 0.125em 0.25em;
 	}
 
 	&__meta {