peptide-repo/peptide-starter-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tighten spacing across hero, archive, and news sections

Browse Source 
Reduce hero padding from 96/80px to 64/48px, shrink subtitle and
search margins, tighten news-feed and archive section padding,
and reduce peptides grid gap for better content density.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
peptiderepo
2026-04-13 11:57:22 +07:00
parent f41a4d8fed
commit 349eeb6377
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
style.css
View File

@@ -1081,7 +1081,7 @@ input[type="radio"] {
.hero-section {
background-color: var(--color-bg-primary);
padding: var(--spacing-5xl) var(--spacing-xl) var(--spacing-4xl);
padding: var(--spacing-3xl) var(--spacing-xl) var(--spacing-2xl);
text-align: center;
position: relative;
overflow: hidden;
@@ -1153,7 +1153,7 @@ input[type="radio"] {
.hero-subtitle {
font-size: var(--text-body-lg);
color: var(--color-text-secondary);
margin-bottom: var(--spacing-2xl);
margin-bottom: var(--spacing-lg);
max-width: 600px;
margin-left: auto;
margin-right: auto;
@@ -1161,7 +1161,7 @@ input[type="radio"] {
}
.hero-search {
margin-bottom: var(--spacing-2xl);
margin-bottom: var(--spacing-lg);
}
/* Legacy theme search form (fallback when PSA plugin is not active) */
@@ -1376,7 +1376,7 @@ body .pn-article-title {
/* News Feed Area */
.news-feed-section {
padding: var(--spacing-3xl) var(--spacing-lg);
padding: var(--spacing-2xl) var(--spacing-lg);
background-color: var(--color-bg-primary);
}
@@ -1426,7 +1426,7 @@ body .pn-article-title {
}
.archive-content {
padding: var(--spacing-3xl) var(--spacing-lg);
padding: var(--spacing-2xl) var(--spacing-lg);
}
.archive-filters {
@@ -1456,8 +1456,8 @@ body .pn-article-title {
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: var(--spacing-2xl);
padding: var(--spacing-3xl) var(--spacing-lg);
gap: var(--spacing-lg);
padding: var(--spacing-xl) var(--spacing-lg);
}
/* Peptide Card (Clawdiverse-inspired: white card, tinted left border, soft shadow) */