lex-scotland-theme/theme.json

{
  "version": 3,
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "customTemplates": [
    {
      "name": "page-brochure",
      "postTypes": [
        "page"
      ],
      "title": "Brochure"
    }
  ],
  "settings": {
    "appearanceTools": true,
    "color": {
      "defaultGradients": false,
      "defaultPalette": false,
      "palette": [
        {
          "color": "#FFFAFA",
          "name": "Background",
          "slug": "background"
        },
        {
          "color": "#000000",
          "name": "Contrast",
          "slug": "contrast"
        },
        {
          "color": "#722668",
          "name": "Main Purple",
          "slug": "main-purple"
        },
        {
          "color": "#D0A7C0",
          "name": "Washed Purple",
          "slug": "washed-purple"
        },
        {
          "color": "#E8BFE2",
          "name": "Light Purple",
          "slug": "light-purple"
        },
        {
          "color": "#008D62",
          "name": "Main Green",
          "slug": "main-green"
        },
        {
          "color": "#006949",
          "name": "Dark Green",
          "slug": "dark-green"
        },
        {
          "color": "#A1D7D2",
          "name": "Washed Green",
          "slug": "washed-green"
        },
        {
          "color": "#D1F2EF",
          "name": "Light Green",
          "slug": "light-green"
        }
      ]
    },
    "layout": {
      "contentSize": "1239px",
      "wideSize": "1660px"
    },
    "typography": {
      "fluid": true,
      "fontFamilies": [
        {
          "fontFace": [
            {
              "fontFamily": "Inclusive Sans",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "400",
              "src": [
                "file:./assets/fonts/inclusive-sans/inclusive-sans-regular.woff2"
              ]
            },
            {
              "fontFamily": "Inclusive Sans",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "400",
              "src": [
                "file:./assets/fonts/inclusive-sans/inclusive-sans-italic.woff2"
              ]
            }
          ],
          "fontFamily": "'Inclusive Sans', sans-serif",
          "name": "Inclusive Sans",
          "slug": "inclusive-sans"
        },
        {
          "fontFace": [
            {
              "fontFamily": "Atkinson Hyperlegible",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "400",
              "src": [
                "file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-regular.woff2"
              ]
            },
            {
              "fontFamily": "Atkinson Hyperlegible",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "400",
              "src": [
                "file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-italic.woff2"
              ]
            },
            {
              "fontFamily": "Atkinson Hyperlegible",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "700",
              "src": [
                "file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-bold.woff2"
              ]
            },
            {
              "fontFamily": "Atkinson Hyperlegible",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "700",
              "src": [
                "file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-bold-italic.woff2"
              ]
            }
          ],
          "fontFamily": "'Atkinson Hyperlegible', sans-serif",
          "name": "Atkinson Hyperlegible",
          "slug": "atkinson-hyperlegible"
        },
        {
          "fontFace": [
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "400",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-regular.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "400",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-italic.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "500",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-medium.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "500",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-medium-italic.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "300",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-light.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "300",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-light-italic.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "600",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-semibold.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "600",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-semibold-italic.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "700",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-bold.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "700",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-bold-italic.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "800",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "800",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold-italic.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "normal",
              "fontWeight": "900",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-black.woff2"
              ]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontStretch": "normal",
              "fontStyle": "italic",
              "fontWeight": "900",
              "src": [
                "file:./assets/fonts/overused-grotesk/overused-grotesk-black-italic.woff2"
              ]
            }
          ],
          "fontFamily": "'Overused Grotesk', sans-serif",
          "name": "Overused Grotesk",
          "slug": "overused-grotesk"
        }
      ],
      "fontSizes": [
        {
          "fluid": false,
          "name": "Small",
          "size": "16px",
          "slug": "small"
        },
        {
          "fluid": {
            "max": "20px",
            "min": "18px"
          },
          "name": "Medium",
          "size": "20px",
          "slug": "medium"
        },
        {
          "fluid": {
            "max": "28px",
            "min": "24px"
          },
          "name": "Large",
          "size": "28px",
          "slug": "large"
        },
        {
          "fluid": {
            "max": "40px",
            "min": "32px"
          },
          "name": "Extra Large",
          "size": "40px",
          "slug": "x-large"
        }
      ],
      "textColumns": true
    },
    "useRootPaddingAwareAlignments": true
  },
  "styles": {
    "blocks": {
      "core/button": {
        "color": {
          "background": "var(--wp--preset--color--washed-green)",
          "text": "var(--wp--preset--color--contrast)"
        },
        "spacing": {
          "padding": {
            "bottom": "1em",
            "left": "2.5em",
            "right": "2.5em",
            "top": "1em"
          }
        },
        "typography": {
          "fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
          "fontSize": "var(--wp--preset--font-size--small)",
          "fontWeight": "700",
          "letterSpacing": "0.64px"
        },
        "variations": {
          "fill": {
            "color": {
              "background": "var(--wp--preset--color--washed-green)",
              "text": "var(--wp--preset--color--contrast)"
            },
            "spacing": {
              "padding": {
                "bottom": "1em",
                "left": "2.5em",
                "right": "2.5em",
                "top": "1em"
              }
            },
            "typography": {
              "fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
              "fontSize": "var(--wp--preset--font-size--small)",
              "fontWeight": "700",
              "letterSpacing": "0.64px"
            }
          },
          "outline": {
            "border": {
              "color": "#000",
              "radius": "56px",
              "style": "solid",
              "width": "1px"
            },
            "color": {
              "background": "#E8BFE2",
              "text": "var(--wp--preset--color--contrast)"
            },
            "spacing": {
              "padding": {
                "bottom": "1em",
                "left": "2.5em",
                "right": "2.5em",
                "top": "1em"
              }
            },
            "typography": {
              "fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
              "fontSize": "var(--wp--preset--font-size--small)",
              "fontWeight": "700",
              "letterSpacing": "0.64px"
            }
          }
        }
      },
      "core/buttons": {
        "css": "& .wp-block-button__link { transition: all 0.25s ease-in-out; }\n& .wp-block-button.is-style-outline .wp-block-button__link:hover { box-shadow: rgb(51, 51, 51) 4px 4px 0 0; transform: translate(-4px, -4px) }"
      },
      "core/heading": {
        "color": {
          "text": "var(--wp--preset--color--contrast)"
        },
        "typography": {
          "fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
          "fontWeight": "700"
        }
      },
      "core/list-item": {
        "css": "&::marker { color: var(--wp--preset--color--main-green); }",
        "spacing": {
          "padding": {
            "bottom": "0.67rem",
            "top": "0.67rem"
          }
        }
      },
      "core/post-title": {
        "color": {
          "text": "var(--wp--preset--color--contrast)"
        },
        "typography": {
          "fontSize": "40px",
          "fontWeight": "400"
        }
      },
      "core/separator": {
        "border": {
          "color": "currentColor",
          "style": "solid",
          "width": "0 0 3px 0"
        },
        "color": {
          "text": "var(--wp--preset--color--main-green)"
        }
      }
    },
    "color": {
      "background": "var(--wp--preset--color--background)",
      "text": "var(--wp--preset--color--contrast)"
    },
    "elements": {
      "h1": {
        "typography": {
          "fontSize": "40px",
          "fontWeight": "400"
        }
      },
      "h2": {
        "typography": {
          "fontSize": "24px",
          "fontWeight": "400"
        }
      },
      "link": {
        ":hover": {
          "typography": {
            "textDecoration": "underline"
          }
        },
        ":visited": {
          "color": {
            "text": "var(--wp--preset--color--main-purple)"
          }
        },
        "color": {
          "text": "var(--wp--preset--color--contrast)"
        }
      }
    },
    "typography": {
      "fontFamily": "var(--wp--preset--font-family--inclusive-sans)",
      "fontSize": "var(--wp--preset--font-size--medium)",
      "fontWeight": "400",
      "lineHeight": "1.6"
    }
  }
}