From 7ebeeac715d29d8ab11a067d06b93cb60087cb04 Mon Sep 17 00:00:00 2001 From: Hossein Mehrabi Date: Fri, 15 Dec 2023 19:31:43 +0330 Subject: [PATCH] fix: adjust typography styles in blog pages --- .../src/client/css/blog.scss | 14 ++++++++++++-- .../Header/Subtitle/styles.module.scss | 2 +- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/packages/logos-docusaurus-theme/src/client/css/blog.scss b/packages/logos-docusaurus-theme/src/client/css/blog.scss index f03b960..1642101 100644 --- 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/packages/logos-docusaurus-theme/src/client/theme/BlogPostItem/Header/Subtitle/styles.module.scss b/packages/logos-docusaurus-theme/src/client/theme/BlogPostItem/Header/Subtitle/styles.module.scss index d7cc4a8..4d3e7b2 100644 --- a/packages/logos-docusaurus-theme/src/client/theme/BlogPostItem/Header/Subtitle/styles.module.scss +++ b/packages/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'); } }