-
Notifications
You must be signed in to change notification settings - Fork 127
Try: Add 3 section styles, update Hero: Centered Heading pattern. #151
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,37 @@ | ||
{ | ||
"$schema": "https://schemas.wp.org/trunk/theme.json", | ||
"version": 3, | ||
"slug": "section-1", | ||
"title": "Style 1", | ||
"blockTypes": [ | ||
"core/group", | ||
"core/columns", | ||
"core/column" | ||
], | ||
"styles": { | ||
"color": { | ||
"background": "var(--wp--preset--color--accent-2)", | ||
"text": "var(--wp--preset--color--contrast)" | ||
}, | ||
"blocks": { | ||
"core/separator": { | ||
"color": { | ||
"text": "color-mix(in srgb, currentColor 25%, transparent)" | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. @carolinan @beafialho Let me know if I got this right! I only found a few separator designs in the Figma. |
||
} | ||
} | ||
}, | ||
"elements": { | ||
"button": { | ||
"color": { | ||
"background": "var(--wp--preset--color--contrast)", | ||
"text": "var(--wp--preset--color--base)" | ||
} | ||
}, | ||
"link": { | ||
"color": { | ||
"text": "var(--wp--preset--color--contrast)" | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I think we could remove this, if we used currentColor in the parent theme.json. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Otherwise if the user changes the text color, they'll also need to also change the link color. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Oh yeah, good call! |
||
} | ||
} | ||
} | ||
} | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,37 @@ | ||
{ | ||
"$schema": "https://schemas.wp.org/trunk/theme.json", | ||
"version": 3, | ||
"slug": "section-2", | ||
richtabor marked this conversation as resolved.
Show resolved
Hide resolved
|
||
"title": "Style 2", | ||
"blockTypes": [ | ||
"core/group", | ||
"core/columns", | ||
"core/column" | ||
], | ||
"styles": { | ||
"color": { | ||
"background": "var(--wp--preset--color--accent-3)", | ||
"text": "var(--wp--preset--color--accent-2)" | ||
}, | ||
"blocks": { | ||
"core/separator": { | ||
"color": { | ||
"text": "color-mix(in srgb, currentColor 25%, transparent)" | ||
} | ||
} | ||
}, | ||
"elements": { | ||
"button": { | ||
"color": { | ||
"background": "var(--wp--preset--color--contrast)", | ||
"text": "var(--wp--preset--color--base)" | ||
} | ||
}, | ||
"link": { | ||
"color": { | ||
"text": "var(--wp--preset--color--accent-2)" | ||
} | ||
} | ||
} | ||
} | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,37 @@ | ||
{ | ||
"$schema": "https://schemas.wp.org/trunk/theme.json", | ||
"version": 3, | ||
"slug": "section-3", | ||
"title": "Style 3", | ||
"blockTypes": [ | ||
"core/group", | ||
"core/columns", | ||
"core/column" | ||
], | ||
"styles": { | ||
"color": { | ||
"background": "var(--wp--preset--color--accent-1)", | ||
"text": "var(--wp--preset--color--contrast)" | ||
}, | ||
"blocks": { | ||
"core/separator": { | ||
"color": { | ||
"text": "color-mix(in srgb, currentColor 25%, transparent)" | ||
} | ||
} | ||
}, | ||
"elements": { | ||
"button": { | ||
"color": { | ||
"background": "var(--wp--preset--color--contrast)", | ||
"text": "var(--wp--preset--color--base)" | ||
} | ||
}, | ||
"link": { | ||
"color": { | ||
"text": "var(--wp--preset--color--contrast)" | ||
} | ||
} | ||
} | ||
} | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@juanfra let me know if it was intentional to explicitly set the heading color here.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No, it was not intentional.