Files
George Cushen a955161dbb fix(spacing): connect section spacing to design token system
Wire .hbb-section to var(--hb-spacing-section) instead of hardcoded 6rem,
enabling hugoblox.layout.spacing (compact/comfortable/spacious) to take effect.

- Default to "spacious" (6rem) to preserve existing visual layouts
- Per-section override via design.spacing.padding still works (inline > class)
- Remove dead design.spacing frontmatter field from all templates
- Set correct layout.spacing token in each template's params.yaml

Closes #3314
2026-04-08 18:19:15 +01:00

94 lines
3.0 KiB
Markdown

---
title: 'Home'
date: 2023-10-24
type: landing
sections:
- block: hero
content:
title: Write Docs Fast, Focus on Your Content
text: The easy, no-code technical documentation solution your users will love 🎉
primary_action:
text: Get Started
url: https://hugoblox.com/templates/details/docs/
icon: rocket-launch
secondary_action:
text: Read the docs
url: /docs/
announcement:
text: "Announcing the release of version 2."
link:
text: "Read more"
url: "/blog/"
design:
spacing:
padding: [0, 0, 0, 0]
margin: [0, 0, 0, 0]
# For full-screen, add `min-h-screen` below
css_class: ""
background:
color: ""
image:
# Add your image background to `assets/media/`.
filename: ""
filters:
brightness: 0.5
- block: stats
content:
items:
- statistic: "1M+"
description: |
Websites built
with Hugo Blox
- statistic: "10k+"
description: |
GitHub stars
since 2016
- statistic: "3k+"
description: |
Discord community
for support
design:
# Section background color (CSS class)
css_class: "bg-gray-100 dark:bg-gray-800"
# Reduce spacing
spacing:
padding: ["1rem", 0, "1rem", 0]
- block: features
id: features
content:
title: Features
text: Collaborate, publish, and maintain technical knowledge with an all-in-one documentation site. Used by 100,000+ startups, enterprises, and researchers.
items:
- name: Optimized SEO
icon: magnifying-glass
description: Automatic sitemaps, RSS feeds, and rich metadata take the pain out of SEO and syndication.
- name: Fast
icon: bolt
description: Super fast page load with Tailwind CSS and super fast site building with Hugo.
- name: Easy
icon: sparkles
description: One-click deployment to GitHub Pages. Have your new website live within 5 minutes!
- name: No-Code
icon: code-bracket
description: Edit and design your site just using rich text (Markdown) and configurable YAML parameters.
- name: Highly Rated
icon: star
description: Rated 5-stars by the community.
- name: Swappable Blocks
icon: rectangle-group
description: Build your pages with blocks - no coding required!
- block: cta-card
content:
title: "Start Writing with the #1 Effortless Documentation Platform"
text: Hugo Blox Docs Theme brings all your technical knowledge together in a single, centralized knowledge base. Easily search and edit it with the tools you use every day!
button:
text: Get Started
url: https://hugoblox.com/templates/details/docs/
design:
card:
# Card background color (CSS class)
css_class: "bg-primary-700"
css_style: ""
---