6cd63f1bdf
- New TinaCMS collection 'pages' with 15 block templates: Hero, TextBlock, TwoColumn, Features, Stats, Testimonials, Team, FAQ, CTABanner, Video, Gallery, Pricing, Timeline, Divider, ContactForm - Each page has published toggle (unpublished → 404) - Route /p/:slug renders dynamic pages from content/pages/*.json - scripts/copy-pages.mjs copies content/pages → public/pages at build - prerender.mjs extended to prerender published pages - All blocks styled with design tokens + Framer Motion animations Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
80 lines
1.4 KiB
CSS
80 lines
1.4 KiB
CSS
.block-text-block {
|
|
padding: 60px 24px;
|
|
}
|
|
|
|
.block-text-block--full .block-text-block-inner {
|
|
max-width: 1100px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.block-text-block--narrow .block-text-block-inner {
|
|
max-width: 680px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.block-text-block-inner h1,
|
|
.block-text-block-inner h2,
|
|
.block-text-block-inner h3 {
|
|
color: var(--light-grey-100);
|
|
font-weight: 700;
|
|
margin-bottom: 16px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.block-text-block-inner h1 {
|
|
font-size: 2.2rem;
|
|
}
|
|
|
|
.block-text-block-inner h2 {
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
.block-text-block-inner h3 {
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
.block-text-block-inner p {
|
|
color: var(--light-grey-100);
|
|
opacity: 0.85;
|
|
line-height: 1.8;
|
|
margin-bottom: 16px;
|
|
font-size: 1.05rem;
|
|
}
|
|
|
|
.block-text-block-inner a {
|
|
color: var(--orange-100);
|
|
text-decoration: underline;
|
|
transition: opacity 0.2s ease;
|
|
}
|
|
|
|
.block-text-block-inner a:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.block-text-block-inner strong {
|
|
color: var(--light-grey-100);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.block-text-block-inner ul,
|
|
.block-text-block-inner ol {
|
|
color: var(--light-grey-100);
|
|
opacity: 0.85;
|
|
padding-left: 24px;
|
|
margin-bottom: 16px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.block-text-block-inner li {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.block-text-block-inner blockquote {
|
|
border-left: 3px solid var(--orange-100);
|
|
padding-left: 20px;
|
|
color: var(--light-grey-100);
|
|
opacity: 0.8;
|
|
font-style: italic;
|
|
margin: 24px 0;
|
|
line-height: 1.8;
|
|
}
|