Sections

Style the default background for section blocks on landing pages.

1 MIN READ

Section groups content on a landing page. See Landing Pages for the Markdown syntax. It has a single site-wide token; everything else (title and body text color) already comes from the global tokens in Design Tokens.

Open the override file

Text

config/styles/section.css

Tokens

Token	What it controls
`--section-bg`	Solid background color, used when a section has no `background` image. Transparent by default.

Css

:root {
  --section-bg: #f8fafc;
}

Example section.css

A config/styles/section.css for both light and dark mode:

Css

:root {
  --section-bg: #f8fafc;
}

.dark {
  --section-bg: #0f172a;
}

Next step

Style buttons.