fix: adjust typography styles in blog pages

acid-info · Dec 15, 2023 · 7ebeeac · 7ebeeac
1 parent e9dc989
commit 7ebeeac
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/packages/logos-docusaurus-theme/src/client/css/blog.scss b/packages/logos-docusaurus-theme/src/client/css/blog.scss
@@ -4,6 +4,10 @@
 .blog-wrapper {
 }
 
+.blog-wrapper h1[itemprop='headline'] {
+  @include lsd.typography('h1');
+}
+
 .blog-wrapper > .container {
   display: flex;
   width: 100%;
@@ -62,13 +66,19 @@
 }
 
 .blog-wrapper--index h2[itemprop='headline'] {
-  @include lsd.typography('h5');
+  @include lsd.typography('h4');
 
   > a {
     text-decoration: none;
   }
 }
 
+.blog-wrapper--index [itemprop='blogPost'] {
+  .markdown {
+    @include lsd.typography('body2');
+  }
+}
+
 .blog-wrapper .breadcrumbs__item {
   text-decoration: none;
 }
@@ -164,7 +174,7 @@
   }
 
   .blog-wrapper h1[itemprop='headline'] {
-    @include lsd.typography('h3');
+    @include lsd.typography('h2');
   }
 }
 

diff --git a/...s/logos-docusaurus-theme/src/client/theme/BlogPostItem/Header/Subtitle/styles.module.scss b/...s/logos-docusaurus-theme/src/client/theme/BlogPostItem/Header/Subtitle/styles.module.scss
@@ -8,6 +8,6 @@
 @include utils.responsive('lg', 'down') {
   .blogPostSubtitle {
     margin-top: 4px;
-    @include lsd.typography('body1');
+    @include lsd.typography('subtitle2');
   }
 }