Merge pull request #20944 from overleaf/jel-blog-spacing

[web] Update blog vertical spacings to match Figma

GitOrigin-RevId: ef3ad8ba3228134343fcf58ae0ce1b91d6d94860
This commit is contained in:
M Fahru 2024-10-10 07:46:35 -07:00 committed by Copybot
parent 27fb9aadf3
commit 86215df923
2 changed files with 27 additions and 4 deletions

View file

@ -2,8 +2,21 @@
v2 v2
Blog Pages Blog Pages
*/ */
.blog-container,
.blog-tagged-list-container,
.blog-post-main-container {
h1 {
margin-bottom: 0;
}
}
.blog-container { .blog-container {
margin-top: var(--spacing-16);
.blog-list-container-title { .blog-list-container-title {
margin-top: 0; // needed to override bootstrap * + h1
small { small {
@include body-lg; @include body-lg;
@ -14,7 +27,21 @@
} }
} }
.blog-tagged-list-container {
margin-top: var(--spacing-10);
.blog-list-container-title {
margin-top: var(--spacing-11);
}
}
.blog-post-main-container {
margin-top: var(--spacing-10);
}
.blog { .blog {
margin-top: var(--spacing-16);
img { img {
max-width: 100%; max-width: 100%;
} }

View file

@ -84,10 +84,6 @@
} }
} }
.content-container > section:first-child {
padding-top: var(--spacing-15);
}
section.no-top-padding { section.no-top-padding {
/* opt out of padding via the CMS */ /* opt out of padding via the CMS */
padding-top: 0; padding-top: 0;