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