Files
Bricks-Sections/sections/features-4col.json
Spencer f57034e40d Add new sections, update design system, fix header mobile layout
Sections:
- Add announcement-bar, cards, features-3col-cards, hero-card-homepage, hero-card-page, hero-slider
- Rename content-image-right → content-image (image-left layout, better mobile stacking)

Design system:
- Add cards-grid global class (flex-wrap for fluid wrapping card grids)
- Update feature-card with responsive _widthMax constraints (33%/50%/95%)
- Document Bricks Style Manager spacing setup in design.md

Headers:
- Fix header-with-cta mobile hamburger positioning — wrap nav+button in block element with row-reverse on mobile

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-10 18:15:23 -05:00

238 lines
5.2 KiB
JSON

{
"title": "BCW — Features 4 Column",
"type": "section",
"templateType": "section",
"global_classes": [
{
"id": "features-container",
"name": "features-container",
"settings": {
"_typography": {
"text-align": "center"
},
"_rowGap": "var(--row-gap)"
},
"modified": 1772146285,
"user_id": 2
}
],
"content": [
{
"id": "sec001",
"name": "container",
"parent": 0,
"children": ["con001", "con002"],
"settings": {
"_direction": "column",
"_gap": "40px",
"_margin": {
"top": "15",
"bottom": "15"
}
},
"label": "Features 4 Column"
},
{
"id": "con001",
"name": "container",
"parent": "sec001",
"children": ["hdg001", "txt001"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "16px"
},
"label": "Section Header"
},
{
"id": "hdg001",
"name": "heading",
"parent": "con001",
"children": [],
"settings": {
"tag": "h2",
"text": "Everything You Need"
}
},
{
"id": "txt001",
"name": "text-basic",
"parent": "con001",
"children": [],
"settings": {
"text": "A brief supporting statement that introduces this section to your visitors."
}
},
{
"id": "con002",
"name": "container",
"parent": "sec001",
"children": ["con003", "con004", "con005", "con006"],
"settings": {
"_direction": "row",
"_alignItems": "flex-start",
"_justifyContent": "center",
"_gap": "24px",
"_rowGap:mobile_portrait": "var(--row-gap)"
},
"label": "Features Row"
},
{
"id": "con003",
"name": "container",
"parent": "con002",
"children": ["ico001", "hdg002", "txt002"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature One"
},
{
"id": "ico001",
"name": "icon",
"parent": "con003",
"children": [],
"settings": []
},
{
"id": "hdg002",
"name": "heading",
"parent": "con003",
"children": [],
"settings": {
"tag": "h3",
"text": "Feature One"
}
},
{
"id": "txt002",
"name": "text-basic",
"parent": "con003",
"children": [],
"settings": {
"text": "Describe this feature or benefit in one to three short sentences."
}
},
{
"id": "con004",
"name": "container",
"parent": "con002",
"children": ["ico002", "hdg003", "txt003"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Two"
},
{
"id": "ico002",
"name": "icon",
"parent": "con004",
"children": [],
"settings": []
},
{
"id": "hdg003",
"name": "heading",
"parent": "con004",
"children": [],
"settings": {
"tag": "h3",
"text": "Feature Two"
}
},
{
"id": "txt003",
"name": "text-basic",
"parent": "con004",
"children": [],
"settings": {
"text": "Describe this feature or benefit in one to three short sentences."
}
},
{
"id": "con005",
"name": "container",
"parent": "con002",
"children": ["ico003", "hdg004", "txt004"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Three"
},
{
"id": "ico003",
"name": "icon",
"parent": "con005",
"children": [],
"settings": []
},
{
"id": "hdg004",
"name": "heading",
"parent": "con005",
"children": [],
"settings": {
"tag": "h3",
"text": "Feature Three"
}
},
{
"id": "txt004",
"name": "text-basic",
"parent": "con005",
"children": [],
"settings": {
"text": "Describe this feature or benefit in one to three short sentences."
}
},
{
"id": "con006",
"name": "container",
"parent": "con002",
"children": ["ico004", "hdg005", "txt005"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Four"
},
{
"id": "ico004",
"name": "icon",
"parent": "con006",
"children": [],
"settings": []
},
{
"id": "hdg005",
"name": "heading",
"parent": "con006",
"children": [],
"settings": {
"tag": "h3",
"text": "Feature Four"
}
},
{
"id": "txt005",
"name": "text-basic",
"parent": "con006",
"children": [],
"settings": {
"text": "Describe this feature or benefit in one to three short sentences."
}
}
]
}