fix: adjust typography styles in blog pages

This commit is contained in:
Hossein Mehrabi
2023-12-15 19:31:43 +03:30
parent e9dc989506
commit 7ebeeac715
2 changed files with 13 additions and 3 deletions
@@ -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');
}
}
@@ -8,6 +8,6 @@
@include utils.responsive('lg', 'down') {
.blogPostSubtitle {
margin-top: 4px;
@include lsd.typography('body1');
@include lsd.typography('subtitle2');
}
}