Spencer
f57034e40d
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>
113 lines
2.6 KiB
JSON
113 lines
2.6 KiB
JSON
{
|
|
"title": "BCW — Content Image",
|
|
"type": "section",
|
|
"templateType": "section",
|
|
"content": [
|
|
{
|
|
"id": "con001",
|
|
"name": "container",
|
|
"parent": 0,
|
|
"children": ["imgcol", "con002"],
|
|
"settings": {
|
|
"_direction": "row",
|
|
"_alignItems": "center",
|
|
"_justifyContent": "space-between",
|
|
"_gap": "48px",
|
|
"_margin": {
|
|
"top": "15",
|
|
"bottom": "15"
|
|
},
|
|
"_columnGap": "var(--col-gap)",
|
|
"_rowGap": "var(--row-gap)",
|
|
"_padding:tablet_portrait": {
|
|
"left": "15",
|
|
"right": "15"
|
|
},
|
|
"_padding:mobile_landscape": {
|
|
"left": "0",
|
|
"right": "0"
|
|
}
|
|
},
|
|
"label": "Content Image"
|
|
},
|
|
{
|
|
"id": "imgcol",
|
|
"name": "container",
|
|
"parent": "con001",
|
|
"children": ["img001"],
|
|
"settings": {
|
|
"_direction": "row",
|
|
"_alignItems": "center",
|
|
"_justifyContent": "center",
|
|
"_gap": "24px",
|
|
"_width": "50%",
|
|
"_width:mobile_landscape": "100%"
|
|
},
|
|
"label": "Image Column"
|
|
},
|
|
{
|
|
"id": "img001",
|
|
"name": "image",
|
|
"parent": "imgcol",
|
|
"children": [],
|
|
"settings": {
|
|
"_width": "100%",
|
|
"image": {
|
|
"url": "https://picsum.photos/600",
|
|
"external": true,
|
|
"filename": "600"
|
|
}
|
|
},
|
|
"label": "Section Image"
|
|
},
|
|
{
|
|
"id": "con002",
|
|
"name": "container",
|
|
"parent": "con001",
|
|
"children": ["hdg001", "txt001", "btn001"],
|
|
"settings": {
|
|
"_direction": "column",
|
|
"_alignItems": "flex-start",
|
|
"_gap": "24px",
|
|
"_width": "50%",
|
|
"_rowGap": "var(--row-gap)",
|
|
"_width:mobile_landscape": "100%",
|
|
"_padding:mobile_landscape": {
|
|
"left": "15",
|
|
"right": "15"
|
|
}
|
|
},
|
|
"label": "Text Column"
|
|
},
|
|
{
|
|
"id": "hdg001",
|
|
"name": "heading",
|
|
"parent": "con002",
|
|
"children": [],
|
|
"settings": {
|
|
"tag": "h2",
|
|
"text": "Section Heading Goes Here"
|
|
}
|
|
},
|
|
{
|
|
"id": "txt001",
|
|
"name": "text-basic",
|
|
"parent": "con002",
|
|
"children": [],
|
|
"settings": {
|
|
"text": "Use this area to describe your product, service, or concept in detail. Two to four sentences works well here. Focus on benefits and outcomes for your reader."
|
|
}
|
|
},
|
|
{
|
|
"id": "btn001",
|
|
"name": "button",
|
|
"parent": "con002",
|
|
"children": [],
|
|
"settings": {
|
|
"text": "Learn More",
|
|
"style": "primary"
|
|
}
|
|
}
|
|
]
|
|
}
|