582ac1d88b
* Winkel: Initial commit. * Update winkel/style.css * rename header template and simplify templates * Winkel: Update header - enable logo syncing, remove navigation font size. * Winkel: Update theme.json - use a different text color for paragraphs, define navigation font size. * Refactor so that we can use the header-centered pattern in Winkel Co-authored-by: Ben Dwyer <ben@scruffian.com>
222 lines
4.5 KiB
JSON
222 lines
4.5 KiB
JSON
{
|
|
"$schema": "https://json.schemastore.org/theme-v1.json",
|
|
"version": 1,
|
|
"templateParts": [
|
|
{
|
|
"name": "header",
|
|
"area": "header"
|
|
},
|
|
{
|
|
"name": "footer",
|
|
"area": "footer"
|
|
},
|
|
{
|
|
"name": "post-meta",
|
|
"area": "Post Meta"
|
|
}
|
|
],
|
|
"settings": {
|
|
"color": {
|
|
"gradients": [
|
|
{
|
|
"slug": "hard-diagonal",
|
|
"gradient": "linear-gradient(to bottom right, #3C8067 49.9%, #FAFBF6 50%)",
|
|
"name": "Hard diagonal"
|
|
},
|
|
{
|
|
"slug": "hard-diagonal-inverted",
|
|
"gradient": "linear-gradient(to top left, #3C8067 49.9%, #FAFBF6 50%)",
|
|
"name": "Hard diagonal inverted"
|
|
},
|
|
{
|
|
"slug": "hard-horizontal",
|
|
"gradient": "linear-gradient(to bottom, #3C8067 50%, #FAFBF6 50%)",
|
|
"name": "Hard horizontal"
|
|
},
|
|
{
|
|
"slug": "hard-horizontal-inverted",
|
|
"gradient": "linear-gradient(to top, #3C8067 50%, #FAFBF6 50%)",
|
|
"name": "Hard horizontal inverted"
|
|
},
|
|
{
|
|
"slug": "diagonal",
|
|
"gradient": "linear-gradient(to bottom right, #3C8067, #FAFBF6)",
|
|
"name": "Diagonal"
|
|
},
|
|
{
|
|
"slug": "diagonal-inverted",
|
|
"gradient": "linear-gradient(to top left, #3C8067, #FAFBF6)",
|
|
"name": "Diagonal inverted"
|
|
},
|
|
{
|
|
"slug": "horizontal",
|
|
"gradient": "linear-gradient(to bottom, #3C8067, #FAFBF6)",
|
|
"name": "Horizontal"
|
|
},
|
|
{
|
|
"slug": "horizontal-inverted",
|
|
"gradient": "linear-gradient(to top, #3C8067, #FAFBF6)",
|
|
"name": "Horizontal inverted"
|
|
},
|
|
{
|
|
"slug": "stripe",
|
|
"gradient": "linear-gradient(to bottom, transparent 20%, #3C8067 20%, #3C8067 80%, transparent 80%)",
|
|
"name": "Stripe"
|
|
}
|
|
],
|
|
"palette": [
|
|
{
|
|
"slug": "primary",
|
|
"color": "#3C8067",
|
|
"name": "Primary"
|
|
},
|
|
{
|
|
"slug": "secondary",
|
|
"color": "#336D58",
|
|
"name": "Secondary"
|
|
},
|
|
{
|
|
"slug": "foreground",
|
|
"color": "#333333",
|
|
"name": "Foreground"
|
|
},
|
|
{
|
|
"slug": "background",
|
|
"color": "#ffffff",
|
|
"name": "Background"
|
|
},
|
|
{
|
|
"slug": "tertiary",
|
|
"color": "#FAFBF6",
|
|
"name": "tertiary"
|
|
}
|
|
]
|
|
},
|
|
"custom": {
|
|
"button": {
|
|
"border": {
|
|
"color": "var(--wp--custom--color--primary)"
|
|
},
|
|
"hover": {
|
|
"color": {
|
|
"background": "var(--wp--custom--color--secondary)"
|
|
},
|
|
"border": {
|
|
"color": "var(--wp--custom--color--secondary)"
|
|
}
|
|
}
|
|
},
|
|
"latest-posts": {
|
|
"meta": {
|
|
"color": {
|
|
"text": "var(--wp--custom--color--foreground)"
|
|
}
|
|
}
|
|
},
|
|
"gap": {
|
|
"baseline": "10px",
|
|
"horizontal": "25px",
|
|
"vertical": "30px"
|
|
},
|
|
"pullquote": {
|
|
"citation": {
|
|
"spacing": {
|
|
"margin": {
|
|
"top": "20px"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layout": {
|
|
"contentSize": "620px",
|
|
"wideSize": "790px"
|
|
},
|
|
"typography": {
|
|
"customFontSize": true,
|
|
"customLineHeight": true,
|
|
"fontFamilies": [
|
|
{
|
|
"fontFamily": "'Fira Sans', Helvetica, Arial, sans-serif",
|
|
"fontSlug": "fira-sans",
|
|
"slug": "body-font",
|
|
"name": "Body (Fira Sans)",
|
|
"google": "family=Fira+Sans:ital,wght@0,100..900;1,100..900"
|
|
},
|
|
{
|
|
"fontFamily": "'Playfair Display', Georgia, Times, serif",
|
|
"fontSlug": "playfair-display",
|
|
"slug": "heading-font",
|
|
"name": "Heading (Playfair Display)",
|
|
"google": "family=Playfair+Display:ital,wght@0,400..900;1,400..900"
|
|
}
|
|
],
|
|
"fontSizes": [
|
|
{
|
|
"name": "Small",
|
|
"slug": "small",
|
|
"size": "16px"
|
|
},
|
|
{
|
|
"name": "Medium",
|
|
"slug": "medium",
|
|
"size": "18px"
|
|
},
|
|
{
|
|
"name": "Large",
|
|
"slug": "large",
|
|
"size": "24px"
|
|
},
|
|
{
|
|
"name": "Extra Large",
|
|
"slug": "x-large",
|
|
"size": "28px"
|
|
}
|
|
],
|
|
"spacing": {
|
|
"customPadding": true,
|
|
"units": [ "px", "em", "rem", "vh", "vw" ]
|
|
}
|
|
}
|
|
},
|
|
"styles": {
|
|
"blocks": {
|
|
"core/post-title": {
|
|
"typography": {
|
|
"fontSize": "var(--wp--preset--font-size--x-large)"
|
|
}
|
|
},
|
|
"core/pullquote": {
|
|
"border": {
|
|
"style": "none"
|
|
},
|
|
"spacing": {
|
|
"padding": {
|
|
"left": 0,
|
|
"right": 0,
|
|
"top": "var(--wp--custom--gap--vertical)",
|
|
"bottom": "var(--wp--custom--gap--vertical)"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontSize": "32px",
|
|
"fontStyle": "italic",
|
|
"lineHeight": "1.3"
|
|
}
|
|
},
|
|
"core/separator": {
|
|
"color": {
|
|
"text": "#EFEFEF"
|
|
}
|
|
},
|
|
"core/site-title": {
|
|
"color": {
|
|
"link": "var(--wp--custom--color--primary)"
|
|
},
|
|
"typography": {
|
|
"fontSize": "55px"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|