Merge pull request #2574 from qdrant/feature/articles-latest-featured

Make Latest Articles stand out on the Articles landing page
This commit is contained in:
kanungle
2026-07-31 10:53:07 -07:00
committed by GitHub
2 changed files with 26 additions and 1 deletions
@@ -34,6 +34,27 @@
} }
} }
// Featured treatment for the "Latest Articles" block, so it reads as the
// page's entry point rather than one more category shelf.
&__block_featured {
padding: $spacer * 1.5;
background-color: rgba($neutral-20, 0.4);
border: pxToRem(1) solid $neutral-20;
border-top: pxToRem(3) solid $primary-50;
border-radius: $spacer * 0.5;
.docs-articles__title {
font-size: $spacer * 2;
line-height: $spacer * 2.5;
}
[data-theme='light'] & {
background-color: $neutral-98;
border-color: $neutral-90;
border-top-color: $primary-50;
}
}
&__list { &__list {
padding-bottom: $spacer * 3; padding-bottom: $spacer * 3;
} }
@@ -120,6 +141,10 @@
gap: $spacer * 4; gap: $spacer * 4;
} }
} }
&__block_featured {
padding: $spacer * 2.5;
}
} }
[data-theme='light'] & { [data-theme='light'] & {
@@ -26,7 +26,7 @@
{{ end }} {{ end }}
{{ $latest = $latest.ByPublishDate.Reverse }} {{ $latest = $latest.ByPublishDate.Reverse }}
{{ if gt (len $latest) 0 }} {{ if gt (len $latest) 0 }}
<div class="docs-articles__block"> <div class="docs-articles__block docs-articles__block_featured">
<div class="docs-articles__block-header"> <div class="docs-articles__block-header">
<div> <div>
<h4 class="docs-articles__title">Latest Articles</h4> <h4 class="docs-articles__title">Latest Articles</h4>