Skip to content

Instantly share code, notes, and snippets.

@wpeasy

wpeasy/bricks-color-palette-default.json

Created October 21, 2024 23:27
Show Gist options
  • Save wpeasy/c5bb4d17b9d8df9527015fe84545e3ad to your computer and use it in GitHub Desktop.
Save wpeasy/c5bb4d17b9d8df9527015fe84545e3ad to your computer and use it in GitHub Desktop.
Download ZIP
Newbies to Bricks Code
Raw
bricks-color-palette-default.json
{
"id": "f05f0d",
"name": "Default",
"colors": [
{
"hex": "#257cda",
"id": "atasgw",
"name": "fw-primary"
},
{
"hex": "#66a2e5",
"id": "tiwuet",
"name": "fw-primary-l-1"
},
{
"hex": "#80b2ea",
"id": "jhmehy",
"name": "fw-primary-l-2"
},
{
"hex": "#9ac2ef",
"id": "idldik",
"name": "fw-primary-l-3"
},
{
"hex": "#b4d2f3",
"id": "wnulba",
"name": "fw-primary-l-4"
},
{
"hex": "#cee2f7",
"id": "mlvxae",
"name": "fw-primary-l-5"
},
{
"hex": "#e9f2fb",
"id": "iftzsy",
"name": "fw-primary-l-6"
},
{
"hex": "#175297",
"id": "jpxrbd",
"name": "fw-primary-d-1"
},
{
"hex": "#13447c",
"id": "dxhtbn",
"name": "fw-primary-d-2"
},
{
"hex": "#0f3761",
"id": "djvklw",
"name": "fw-primary-d-3"
},
{
"hex": "#0c2d4f",
"id": "gfixux",
"name": "fw-primary-d-4"
},
{
"hex": "#081e35",
"id": "zazjrp",
"name": "fw-primary-d-5"
},
{
"hex": "#040f1a",
"id": "ayvntv",
"name": "fw-primary-d-6"
},
{
"hex": "#9225da",
"id": "drkjtg",
"name": "fw-secondary"
},
{
"hex": "#681a99",
"id": "wpjewz",
"name": "fw-secondary-d-1"
},
{
"hex": "#56157e",
"id": "itjdbr",
"name": "fw-secondary-d-2"
},
{
"hex": "#431060",
"id": "vvitby",
"name": "fw-secondary-d-3"
},
{
"hex": "#380d4f",
"id": "hdvjcs",
"name": "fw-secondary-d-4"
},
{
"hex": "#260935",
"id": "dktnbq",
"name": "fw-secondary-d-5"
},
{
"hex": "#13041a",
"id": "qtxuiv",
"name": "fw-secondary-d-6"
},
{
"hex": "#b566e5",
"id": "jilpms",
"name": " fw-secondary-l-1"
},
{
"hex": "#c381ea",
"id": "bcdngi",
"name": " fw-secondary-l-2"
},
{
"hex": "#d19aef",
"id": "rbzggk",
"name": " fw-secondary-l-3"
},
{
"hex": "#dcb4f3",
"id": "ljibci",
"name": " fw-secondary-l-4"
},
{
"hex": "#e9cef7",
"id": "zyogoe",
"name": " fw-secondary-l-5"
},
{
"hex": "#f5e9fb",
"id": "fqexsd",
"name": " fw-secondary-l-6"
},
{
"hex": "#808080",
"id": "iakyqr",
"name": "fw-neutral"
},
{
"hex": "#595959",
"id": "iwolrj",
"name": "fw-neutral-d-1"
},
{
"hex": "#4a4a4a",
"id": "ekfscn",
"name": "fw-neutral-d-2"
},
{
"hex": "#383838",
"id": "aaqkdr",
"name": "fw-neutral-d-3"
},
{
"hex": "#2e2e2e",
"id": "nfoefm",
"name": "fw-neutral-d-4"
},
{
"hex": "#1f1f1f",
"id": "xdptpz",
"name": "fw-neutral-d-5"
},
{
"hex": "#0f0f0f",
"id": "yfkiog",
"name": "fw-neutral-d-6"
},
{
"hex": "#a6a6a6",
"id": "nshfiv",
"name": "fw-neutral-l-1"
},
{
"hex": "#b5b5b5",
"id": "kkfcvi",
"name": "fw-neutral-l-2"
},
{
"hex": "#c4c4c4",
"id": "yxzwiq",
"name": "fw-neutral-l-3"
},
{
"hex": "#d4d4d4",
"id": "tvcght",
"name": "fw-neutral-l-4"
},
{
"hex": "#e3e3e3",
"id": "khenbi",
"name": "fw-neutral-l-5"
},
{
"hex": "#f2f2f2",
"id": "ovucgj",
"name": "fw-neutral-l-6"
},
{
"hex": "#000000",
"id": "exuvas",
"name": "fw-black"
},
{
"hex": "#000000",
"rgb": "rgba(0, 0, 0, 0.85)",
"hsl": "hsla(0, 0%, 0%, 0.85)",
"id": "ihtqee",
"name": "fw-black-t-1"
},
{
"hex": "#000000",
"rgb": "rgba(0, 0, 0, 0.7)",
"hsl": "hsla(0, 0%, 0%, 0.7)",
"id": "xnbcny",
"name": "fw-black-t-2"
},
{
"hex": "#000000",
"rgb": "rgba(0, 0, 0, 0.55)",
"hsl": "hsla(0, 0%, 0%, 0.55)",
"id": "hgwqdy",
"name": "fw-black-t-3"
},
{
"hex": "#000000",
"rgb": "rgba(0, 0, 0, 0.4)",
"hsl": "hsla(0, 0%, 0%, 0.4)",
"id": "zfzjtc",
"name": "fw-black-t-4"
},
{
"hex": "#000000",
"rgb": "rgba(0, 0, 0, 0.25)",
"hsl": "hsla(0, 0%, 0%, 0.25)",
"id": "buuxho",
"name": "fw-black-t-5"
},
{
"hex": "#000000",
"rgb": "rgba(0, 0, 0, 0.1)",
"hsl": "hsla(0, 0%, 0%, 0.1)",
"id": "bbovsj",
"name": "fw-black-t-6"
},
{
"hex": "#ffffff",
"id": "xquyvl",
"name": "fw-white"
},
{
"hex": "#ffffff",
"rgb": "rgba(255, 255, 255, 0.85)",
"hsl": "hsla(0, 0%, 100%, 0.85)",
"id": "yhdmsq",
"name": "fw-white-t-1"
},
{
"hex": "#ffffff",
"rgb": "rgba(255, 255, 255, 0.7)",
"hsl": "hsla(0, 0%, 100%, 0.7)",
"id": "ofzhwa",
"name": "fw-white-t-2"
},
{
"hex": "#ffffff",
"rgb": "rgba(255, 255, 255, 0.55)",
"hsl": "hsla(0, 0%, 100%, 0.55)",
"id": "lmvvnl",
"name": "fw-white-t-3"
},
{
"hex": "#ffffff",
"rgb": "rgba(255, 255, 255, 0.4)",
"hsl": "hsla(0, 0%, 100%, 0.4)",
"id": "sdegzt",
"name": "fw-white-t-4"
},
{
"hex": "#ffffff",
"rgb": "rgba(255, 255, 255, 0.25)",
"hsl": "hsla(0, 0%, 100%, 0.25)",
"id": "uctpjb",
"name": "fw-white-t-5"
},
{
"hex": "#ffffff",
"rgb": "rgba(255, 255, 255, 0.1)",
"hsl": "hsla(0, 0%, 100%, 0.1)",
"id": "bzvwsc",
"name": "fw-white-t-6"
}
],
"status": "enabled"
}
Raw
bricks-css-variables.json
{
"variables": [
{
"id": "xkqdrg",
"name": "fw-space--m",
"value": "clamp(2.5rem, 1.385vw + 1.838rem, 3.5rem)",
"category": "phhtqz"
},
{
"id": "gqlfxk",
"name": "fw-heading-multiplier",
"value": "1.333",
"category": "uplmgy"
},
{
"id": "bsqreg",
"name": "fw-space--s",
"value": "calc( var(--fw-space--m) / var(--fw-space-multiplier))",
"category": "phhtqz"
},
{
"id": "ktoxjt",
"name": "fw-space--xs",
"value": "calc( var(--fw-space--s) / var(--fw-space-multiplier))",
"category": "phhtqz"
},
{
"id": "avkysv",
"name": "fw-space--l",
"value": "calc( var(--fw-space--m) * var(--fw-space-multiplier))",
"category": "phhtqz"
},
{
"id": "diskno",
"name": "fw-space--xl",
"value": "calc( var(--fw-space--l) * var(--fw-space-multiplier))",
"category": "phhtqz"
},
{
"id": "bkmxjj",
"name": "fw-space--xxl",
"value": "calc( var(--fw-space--xl) * var(--fw-space-multiplier))",
"category": "phhtqz"
},
{
"id": "gegzlq",
"name": "fw-text-multiplier",
"value": "1.333",
"category": "uplmgy"
},
{
"id": "vevmtr",
"name": "fw-h3",
"value": "calc( var(--fw-h4) * var(--fw-heading-multiplier))",
"category": "uplmgy"
},
{
"id": "vmkowd",
"name": "fw-text--m",
"value": "clamp(1.5rem, .4155vw + 1.3014rem, 1.8rem)",
"category": "uplmgy"
},
{
"id": "aozogz",
"name": "fw-h4",
"value": "clamp(2.2rem, .554vw + 1.9352rem, 2.6rem)",
"category": "uplmgy"
},
{
"id": "iwmkjm",
"name": "fw-space-multiplier",
"value": "1.7",
"category": "phhtqz"
},
{
"id": "tshcvx",
"name": "fw-text--s",
"value": "calc( var(--fw-text--m) / var(--fw-text-multiplier))",
"category": "uplmgy"
},
{
"id": "mwfmdw",
"name": "fw-text--xs",
"value": "calc( var(--fw-text--s) / var(--fw-text-multiplier))",
"category": "uplmgy"
},
{
"id": "njkdpc",
"name": "fw-text--l",
"value": "calc( var(--fw-text--m) * var(--fw-text-multiplier))",
"category": "uplmgy"
},
{
"id": "lkswsv",
"name": "fw-text--xl",
"value": "calc( var(--fw-text--l) * var(--fw-text-multiplier))",
"category": "uplmgy"
},
{
"id": "wxphfy",
"name": "fw-h2",
"value": "calc( var(--fw-h3) * var(--fw-heading-multiplier))",
"category": "uplmgy"
},
{
"id": "djwyjh",
"name": "fw-h1",
"value": "calc( var(--fw-h2) * var(--fw-heading-multiplier))",
"category": "uplmgy"
},
{
"id": "hvtdyd",
"name": "fw-h5",
"value": "calc( var(--fw-h4) / var(--fw-heading-multiplier))",
"category": "uplmgy"
},
{
"id": "drhzho",
"name": "fw-h6",
"value": "calc( var(--fw-h5) / var(--fw-heading-multiplier))",
"category": "uplmgy"
},
{
"id": "tgaxkj",
"name": "fw-container-gap",
"value": "var(--fw-space--xl)",
"category": "lhkngn"
},
{
"id": "pzldsp",
"name": "fw-content-gap",
"value": "var(--fw-space--m)",
"category": "lhkngn"
},
{
"id": "otndgz",
"name": "fw-grid-gap",
"value": "var(--fw-space--m)",
"category": "lhkngn"
},
{
"id": "byzsab",
"name": "fw-grid--1",
"value": "1fr",
"category": "nesyls"
},
{
"id": "hxyawo",
"name": "fw-grid--2",
"value": "repeat(2, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "sbnvrh",
"name": "fw-grid--3",
"value": "repeat(3, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "gqiksf",
"name": "fw-grid--4",
"value": "repeat(4, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "xzmtpx",
"name": "fw-heading-line-height",
"value": "1.2",
"category": "uplmgy"
},
{
"id": "jmpxkh",
"name": "fw-primary",
"value": "var(--bricks-color-atasgw)",
"category": "ackazu"
},
{
"id": "vynebv",
"name": "fw-primary-l-1",
"value": "var(--bricks-color-tiwuet)",
"category": "ackazu"
},
{
"id": "vlpugw",
"name": "fw-primary-l-2",
"value": "var(--bricks-color-jhmehy)",
"category": "ackazu"
},
{
"id": "vbkfak",
"name": "fw-primary-l-3",
"value": "var(--bricks-color-idldik)",
"category": "ackazu"
},
{
"id": "synsxn",
"name": "fw-primary-l-4",
"value": "var(--bricks-color-wnulba)",
"category": "ackazu"
},
{
"id": "lftpxh",
"name": "fw-grid--5",
"value": "repeat(5, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "rriobr",
"name": "fw-grid--6",
"value": "repeat(6, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "aqxbza",
"name": "fw-content-width",
"value": "1200px",
"category": "vzzbhs"
},
{
"id": "ekuezx",
"name": "fw-section-max-width",
"value": "2500px",
"category": "vzzbhs"
},
{
"id": "dpjlpq",
"name": "fw-gutter",
"value": "var(--fw-space--s)",
"category": "vzzbhs"
},
{
"id": "miflpr",
"name": "fw-text-line-height",
"value": "1.5",
"category": "uplmgy"
},
{
"id": "isxteu",
"name": "fw-primary-l-5",
"value": "var(--bricks-color-mlvxae)",
"category": "ackazu"
},
{
"id": "bcczkb",
"name": "fw-primary-l-6",
"value": "var(--bricks-color-iftzsy)",
"category": "ackazu"
},
{
"id": "upfbkx",
"name": "fw-primary-d-1",
"value": "var(--bricks-color-jpxrbd)",
"category": "ackazu"
},
{
"id": "hgwogu",
"name": "fw-primary-d-2",
"value": "var(--bricks-color-dxhtbn)",
"category": "ackazu"
},
{
"id": "zjofoo",
"name": "fw-primary-d-3",
"value": "var(--bricks-color-djvklw)",
"category": "ackazu"
},
{
"id": "dgpsxk",
"name": "fw-primary-d-4",
"value": "var(--bricks-color-gfixux)",
"category": "ackazu"
},
{
"id": "xgncrt",
"name": "fw-primary-d-5",
"value": "var(--bricks-color-zazjrp)",
"category": "ackazu"
},
{
"id": "oaxltj",
"name": "fw-radius",
"value": "var(--fw-space--s)",
"category": "lhkehm"
},
{
"id": "ftpnvp",
"name": "fw-radius--s",
"value": "calc(var(--fw-radius) / 2)",
"category": "lhkehm"
},
{
"id": "wvdjfd",
"name": "fw-radius--l",
"value": "calc(var(--fw-radius) * 2)",
"category": "lhkehm"
},
{
"id": "tbhxqh",
"name": "fw-transition-duration--fast",
"value": "0.3s",
"category": "ygvzon"
},
{
"id": "alkqme",
"name": "fw-transition-duration--medium",
"value": "0.8s",
"category": "ygvzon"
},
{
"id": "lrefpi",
"name": "fw-transition-duration--slow",
"value": "1.5s",
"category": "ygvzon"
},
{
"id": "ugdlwc",
"name": "fw-box-shadow--s",
"value": "rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px",
"category": "eruzms"
},
{
"id": "vmuwwi",
"name": "fw-box-shadow--m",
"value": "rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px",
"category": "eruzms"
},
{
"id": "zsghon",
"name": "fw-box-shadow--l",
"value": "rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px",
"category": "eruzms"
},
{
"id": "olybzk",
"name": "fw-box-shadow--xl",
"value": "rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px",
"category": "eruzms"
},
{
"id": "hovayl",
"name": "fw-grid--7",
"value": "repeat(7, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "lqowax",
"name": "fw-grid--8",
"value": "repeat(8, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "jawbtv",
"name": "fw-grid--9",
"value": "repeat(9, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "lwyrfy",
"name": "fw-grid--10",
"value": "repeat(10, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "lusxyl",
"name": "fw-grid--11",
"value": "repeat(11, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "wiabeh",
"name": "fw-grid--12",
"value": "repeat(12, minmax(0,1fr))",
"category": "nesyls"
},
{
"id": "pvhmjw",
"name": "fw-grid-1-2",
"value": "minmax(0,1fr) minmax(0,2fr)",
"category": "nesyls"
},
{
"id": "cosgyk",
"name": "fw-grid-1-3",
"value": "minmax(0,1fr) minmax(0,3fr)",
"category": "nesyls"
},
{
"id": "xksmcr",
"name": "fw-grid-2-1",
"value": "minmax(0,2fr) minmax(0,1fr)",
"category": "nesyls"
},
{
"id": "crniim",
"name": "fw-grid-3-1",
"value": "minmax(0,3fr) minmax(0,1fr)",
"category": "nesyls"
},
{
"id": "emelyy",
"name": "fw-transition-distance--s",
"value": "4px",
"category": "ygvzon"
},
{
"id": "oihnmc",
"name": "fw-transition-distance--m",
"value": "10px",
"category": "ygvzon"
},
{
"id": "dfamgw",
"name": "fw-transition-distance--l",
"value": "30px",
"category": "ygvzon"
},
{
"id": "cfazdn",
"name": "fw-rotation--s",
"value": "3deg",
"category": "ygvzon"
},
{
"id": "jsbymc",
"name": "fw-rotation--m",
"value": "6deg",
"category": "ygvzon"
},
{
"id": "ozsahj",
"name": "fw-rotation--l",
"value": "12deg",
"category": "ygvzon"
},
{
"id": "ljglbr",
"name": "fw-section-padding-block",
"value": "var(--fw-space--xl)",
"category": "phhtqz"
},
{
"id": "ckvipn",
"name": "fw-text--xxl",
"value": "calc( var(--fw-text--xl) * var(--fw-text-multiplier))",
"category": "uplmgy"
},
{
"id": "jxjdyb",
"name": "fw-grid-gap--s",
"value": "calc(var(--fw-grid-gap) / 2)",
"category": "lhkngn"
},
{
"id": "sgvfxb",
"name": "fw-primary-d-6",
"value": "var(--bricks-color-ayvntv)",
"category": "ackazu"
},
{
"id": "gaurxs",
"name": "fw-secondary",
"value": "var(--bricks-color-drkjtg)",
"category": "ackazu"
},
{
"id": "tonpsu",
"name": "fw-secondary-d-1",
"value": "var(--bricks-color-wpjewz)",
"category": "ackazu"
},
{
"id": "ukarhl",
"name": "fw-secondary-d-2",
"value": "var(--bricks-color-itjdbr)",
"category": "ackazu"
},
{
"id": "ifynxn",
"name": "fw-secondary-d-3",
"value": "var(--bricks-color-vvitby)",
"category": "ackazu"
},
{
"id": "rrenaa",
"name": "fw-secondary-d-4",
"value": "var(--bricks-color-hdvjcs)",
"category": "ackazu"
},
{
"id": "slzwqs",
"name": "fw-secondary-d-5",
"value": "var(--bricks-color-dktnbq)",
"category": "ackazu"
},
{
"id": "dcstle",
"name": "fw-secondary-d-6",
"value": "var(--bricks-color-qtxuiv)",
"category": "ackazu"
},
{
"id": "dwcczj",
"name": "fw-secondary-l-1",
"value": "var(--bricks-color-jilpms)",
"category": "ackazu"
},
{
"id": "oqeicy",
"name": "fw-secondary-l-2",
"value": "var(--bricks-color-bcdngi)",
"category": "ackazu"
},
{
"id": "ooudkb",
"name": "fw-secondary-l-3",
"value": "var(--bricks-color-rbzggk)",
"category": "ackazu"
},
{
"id": "qzwppt",
"name": "fw-secondary-l-4",
"value": "var(--bricks-color-ljibci)",
"category": "ackazu"
},
{
"id": "svgfti",
"name": "fw-secondary-l-5",
"value": "var(--bricks-color-zyogoe)",
"category": "ackazu"
},
{
"id": "dvywce",
"name": "fw-secondary-l-6",
"value": "var(--bricks-color-fqexsd)",
"category": "ackazu"
},
{
"id": "jjyqdf",
"name": "fw-neutral",
"value": "var(--bricks-color-iakyqr)",
"category": "ackazu"
},
{
"id": "gplktl",
"name": "fw-neutral-l-1",
"value": "var(--bricks-color-nshfiv)",
"category": "ackazu"
},
{
"id": "dcazmb",
"name": "fw-neutral-l-2",
"value": "var(--bricks-color-kkfcvi)",
"category": "ackazu"
},
{
"id": "yvtjhv",
"name": "fw-neutral-l-3",
"value": "var(--bricks-color-yxzwiq)",
"category": "ackazu"
},
{
"id": "makfrg",
"name": "fw-neutral-l-4",
"value": "var(--bricks-color-tvcght)",
"category": "ackazu"
},
{
"id": "lodvly",
"name": "fw-neutral-l-5",
"value": "var(--bricks-color-khenbi)",
"category": "ackazu"
},
{
"id": "ectraa",
"name": "fw-neutral-l-6",
"value": "var(--bricks-color-ovucgj)",
"category": "ackazu"
},
{
"id": "mssklt",
"name": "fw-neutral-d-1",
"value": "var(--bricks-color-iwolrj)",
"category": "ackazu"
},
{
"id": "yywuzb",
"name": "fw-neutral-d-2",
"value": "var(--bricks-color-ekfscn)",
"category": "ackazu"
},
{
"id": "wnbuxj",
"name": "fw-neutral-d-3",
"value": "var(--bricks-color-aaqkdr)",
"category": "ackazu"
},
{
"id": "qkiqfk",
"name": "fw-neutral-d-4",
"value": "var(--bricks-color-nfoefm)",
"category": "ackazu"
},
{
"id": "gebnba",
"name": "fw-neutral-d-5",
"value": "var(--bricks-color-xdptpz)",
"category": "ackazu"
},
{
"id": "qwducp",
"name": "fw-neutral-d-6",
"value": "var(--bricks-color-yfkiog)",
"category": "ackazu"
},
{
"id": "hdyngp",
"name": "fw-black",
"value": "var(--bricks-color-exuvas)",
"category": "ackazu"
},
{
"id": "bfktyk",
"name": "fw-black-t-1",
"value": "var(--bricks-color-ihtqee)",
"category": "ackazu"
},
{
"id": "cnfvzs",
"name": "fw-black-t-2",
"value": "var(--bricks-color-xnbcny)",
"category": "ackazu"
},
{
"id": "ngivsm",
"name": "fw-black-t-3",
"value": "var(--bricks-color-hgwqdy)",
"category": "ackazu"
},
{
"id": "bkchdp",
"name": "fw-black-t-4",
"value": "var(--bricks-color-zfzjtc)",
"category": "ackazu"
},
{
"id": "vzznkj",
"name": "fw-black-t-5",
"value": "var(--bricks-color-buuxho)",
"category": "ackazu"
},
{
"id": "gcpsvl",
"name": "fw-black-t-6",
"value": "var(--bricks-color-bbovsj)",
"category": "ackazu"
},
{
"id": "lbwzjz",
"name": "fw-white",
"value": "var(--bricks-color-xquyvl)",
"category": "ackazu"
},
{
"id": "isxeqt",
"name": "fw-white-t-1",
"value": "var(--bricks-color-yhdmsq)",
"category": "ackazu"
},
{
"id": "jzmhdu",
"name": "fw-white-t-2",
"value": "var(--bricks-color-ofzhwa)",
"category": "ackazu"
},
{
"id": "zlytnw",
"name": "fw-white-t-3",
"value": "var(--bricks-color-lmvvnl)",
"category": "ackazu"
},
{
"id": "lscpoj",
"name": "fw-white-t-4",
"value": "var(--bricks-color-sdegzt)",
"category": "ackazu"
},
{
"id": "mapxkc",
"name": "fw-white-t-5",
"value": "var(--bricks-color-uctpjb)",
"category": "ackazu"
},
{
"id": "tjxwic",
"name": "fw-white-t-6",
"value": "var(--bricks-color-bzvwsc)",
"category": "ackazu"
}
],
"categories": [
{
"id": "vzzbhs",
"name": "Site"
},
{
"id": "phhtqz",
"name": "Spacing"
},
{
"id": "uplmgy",
"name": "Typography"
},
{
"id": "lhkngn",
"name": "Gaps"
},
{
"id": "nesyls",
"name": "Grids"
},
{
"id": "ackazu",
"name": "Color Map"
},
{
"id": "lhkehm",
"name": "Radii"
},
{
"id": "ygvzon",
"name": "Transitions"
},
{
"id": "eruzms",
"name": "Box Shadows"
}
]
}
Raw
bricks-selected-css-classes.json
[
{
"id": "rhguit",
"name": "fw-btn",
"settings": {
"_cssCustom": ".fw-btn{\n --root-bg: var(--fw-primary);\n --root-border-color: var(--fw-primary);\n --root-color: var(--fw-primary-l-6);\n \n --root-bg--hover: var(--fw-primary-d-2);\n --root-border-color--hover: var(--fw-primary-d-2);\n --root-color--hover: var(--fw-primary-l-5);\n \n --root-block-padding: 0.7em;\n --root-inline-padding: 0.7em;\n --root-font-size: var(--fw-text--m);\n \n --root-border-radius: var(--fw-radius);\n --root-border-width: 2px;\n --root-font-weight: 600;\n}\n\n/* needs body to increase specificity and override bricks defalts */\nbody .fw-btn{\n transition: all var(--fw-transition-duration--fast) ease;\n line-height: 1;\n font-size: var(--root-font-size);\n font-weight: var(--root-font-weight);\n background: var(--root-bg);\n color: var(--root-color);\n border: var(--root-border-width) solid var(--root-border-color) ;\n border-radius: var(--root-border-radius);\n padding-block: var(--root-block-padding);\n padding-inline: var(--root-inline-padding);\n \n}\n\n/* Hover state */\nbody .fw-btn:hover{\n --root-bg: var(--root-bg--hover);\n --root-border-color: var(--root-border-color--hover);\n --root-color: var(--root-color--hover);\n}\n\n/** MODIFIERS */\n.fw-btn--secondary{\n --root-bg: var(--fw-secondary);\n --root-border-color: var(--fw-secondary);\n --root-color: var(--fw-secondary-l-6);\n \n --root-bg--hover: var(--fw-secondary-d-2);\n --root-border-color--hover: var(--fw-secondary-d-2);\n --root-color--hover: var(--fw-secondary-l-5);\n}\n\n.fw-btn--neutral{\n --root-bg: var(--fw-neutral);\n --root-border-color: var(--fw-neutral);\n --root-color: var(--fw-neutral-l-6);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5);\n \n}\n\n.fw-btn--black{\n --root-bg: var(--fw-black);\n --root-border-color: var(--fw-black);\n --root-color: var(--fw-neutral-l-6);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5); \n \n} \n\n.fw-btn--white{\n --root-bg: var(--fw-white);\n --root-border-color: var(--fw-white);\n --root-color: var(--fw-neutral-d-6);\n \n --root-bg--hover: var(--fw-neutral-l-2);\n --root-border-color--hover: var(--fw-neutral-l-2);\n --root-color--hover: var(--fw-neutral-d-5); \n \n}\n\n.fw-btn.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-primary);\n --root-color: var(--fw-primary);\n \n --root-bg--hover: var(--fw-primary-d-2);\n --root-border-color--hover: var(--fw-primary-d-2);\n --root-color--hover: var(--fw-primary-l-5);\n}\n\n.fw-btn--secondary.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-secondary);\n --root-color: var(--fw-secondary);\n \n --root-bg--hover: var(--fw-secondary-d-2);\n --root-border-color--hover: var(--fw-secondary-d-2);\n --root-color--hover: var(--fw-secondary-l-5);\n}\n\n.fw-btn--neutral.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-neutral);\n --root-color: var(--fw-neutral);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5);\n}\n\n\n.fw-btn--black.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-black);\n --root-color: var(--fw-black);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5);\n}\n\n.fw-btn--white.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-white);\n --root-color: var(--fw-white);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5);\n}\n\n.fw-btn--s{\n --root-block-padding: 0.7em;\n --root-inline-padding: 0.7em;\n --root-font-size: var(--fw-text--s);\n}\n.fw-btn--l{\n --root-block-padding: 0.7em;\n --root-inline-padding: 0.7em;\n --root-font-size: var(--fw-text--l);\n}"
},
"modified": 1729483541,
"user_id": 1
},
{
"id": "uqpdqn",
"name": "fw-btn--black",
"settings": [],
"modified": 1729482769,
"user_id": 1
},
{
"id": "zlwvqy",
"name": "fw-btn--neutral",
"settings": [],
"modified": 1729482769,
"user_id": 1
},
{
"id": "obtmgw",
"name": "fw-btn--secondary",
"settings": {
"_cssCustom": "\n\n"
},
"modified": 1729482769,
"user_id": 1
},
{
"id": "ugrwsv",
"name": "fw-btn--white",
"settings": [],
"modified": 1729482769,
"user_id": 1
},
{
"id": "gopsnq",
"name": "fw-form--inline",
"settings": []
},
{
"id": "azghyr",
"name": "fw-spacing--auto",
"settings": [],
"modified": 1728184624,
"user_id": 1
},
{
"id": "vzqlbl",
"name": "fw-spacing--ignore",
"settings": []
},
{
"id": "hvacbf",
"name": "fw-visually-hidden",
"settings": []
},
{
"id": "ftyegt",
"name": "fw-btn--outline",
"settings": []
},
{
"id": "abtreu",
"name": "fw-btn--tertiary",
"settings": {
"_cssCustom": ".fw-btn--tertiary--tertiary{\n color: red !important; \n}"
},
"modified": 1729483541,
"user_id": 1
},
{
"id": "weqyjh",
"name": "fw-btn--s",
"settings": []
},
{
"id": "lixpnp",
"name": "fw-btn--l",
"settings": []
},
{
"id": "mhlrgs",
"name": "fw-line-clamp",
"settings": {
"_cssCustom": ".fw-line-clamp {\n --line-count: 1;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: var(--line-count);\n\n}\n\n/*fix stupid IOS multi line issue. Any non \"inline\" elements breaks line clamp */\n.fw-line-clamp>p {\n display: inline;\n}\n\n.fw-line-clamp--2{\n --line-count:2;\n}\n.fw-line-clamp--3{\n --line-count:3;\n}\n.fw-line-clamp--4{\n --line-count:4;\n}\n.fw-line-clamp--5{\n --line-count:5;\n}\n.fw-line-clamp--6{\n --line-count:6;\n}\n.fw-line-clamp--7{\n --line-count:7;\n}\n.fw-line-clamp--8{\n --line-count:8;\n}\n.fw-line-clamp--9{\n --line-count:9;\n}\n.fw-line-clamp--10{\n --line-count:10;\n}\n"
}
},
{
"id": "drvilv",
"name": "fw-line-clamp--2",
"settings": []
},
{
"id": "vmeyae",
"name": "fw-line-clamp--3",
"settings": [],
"modified": 1729493029,
"user_id": 1
},
{
"id": "yqpdfk",
"name": "fw-line-clamp--4",
"settings": []
},
{
"id": "nflvyi",
"name": "fw-line-clamp--5",
"settings": []
},
{
"id": "bhmsts",
"name": "fw-line-clamp--6",
"settings": []
},
{
"id": "xyhpvd",
"name": "fw-line-clamp--7",
"settings": []
},
{
"id": "zijsrz",
"name": "fw-line-clamp--8",
"settings": []
},
{
"id": "piscjs",
"name": "fw-line-clamp--9",
"settings": []
},
{
"id": "tybmhe",
"name": "fw-line-clamp--10",
"settings": []
}
]
Raw
bricks-theme-style-default.json
{
"label": "Default",
"settings": {
"_custom": true,
"conditions": {
"conditions": [
{
"id": "ljnqfx",
"main": "any"
}
]
},
"section": {
"widthMax": "var(--fw-section-max-width)",
"padding": {
"top": "var(--fw-section-padding-block)",
"right": "var(--fw-gutter)",
"left": "var(--fw-gutter)",
"bottom": "var(--fw-section-padding-block)"
}
},
"container": {
"width": "var(--fw-content-width)"
},
"typography": {
"typographyBody": {
"line-height": "var(--fw-text-line-height)",
"font-size": "var(--fw-text--m)",
"color": {
"hex": "#2e2e2e",
"raw": "var(--fw-neutral-d-4)"
}
},
"typographyHeadings": {
"line-height": "var(--fw-heading-line-height)"
},
"typographyHeadingH1": {
"font-size": "var(--fw-h1)",
"color": {
"hex": "#000000",
"raw": "var(--fw-black)"
}
},
"typographyHeadingH2": {
"font-size": "var(--fw-h2)",
"color": {
"raw": "var(--fw-neutral-d-3)"
}
},
"typographyHeadingH3": {
"font-size": "var(--fw-h3)",
"color": {
"raw": "var(--fw-neutral-d-1)"
}
},
"typographyHeadingH4": {
"font-size": "var(--fw-h4)",
"color": {
"hex": "#000000",
"raw": "var(--fw-neutral)"
}
},
"typographyHeadingH5": {
"font-size": "var(--fw-h5)"
},
"typographyHeadingH6": {
"font-size": "var(--fw-h6)"
}
},
"general": {
"siteBackground": {
"color": {
"hex": "#fafafa",
"id": "ovucgj",
"name": "fw-neutral-l-6"
}
}
},
"colors": {}
},
"id": "default"
}
Raw
customizer.css
/*#######
* Mark Styles
* #######*/
[class*="fw-mark--"]{
--root-padding-block: 0.3em;
--root-padding-inline: 0.3em;
--root-border-width: 1px;
--root-border-color: var(--fw-neutral);
--root-border-radius: var(--fw-radius--s);
display: inline-flex;
background: var(--root-background);
color: var(--root-color);
padding-block: var(--root-padding-block);
padding-inline: var(--root-padding-inline);
border: var(--root-border-width) solid var(--root-border-color);
border-radius: var(--root-border-radius);
}
.fw-mark--primary{
--root-background: transparent;
--root-color: var(--fw-primary);
--root-border-color: transparent;
}
.fw-mark--primary.fw-mark--reverse{
--root-background: var(--fw-primary);
--root-color: var(--fw-primary-l-6);
--root-border-color: var(--fw-primary-d-1);
}
.fw-mark--secondary{
--root-background: transparent;
--root-color: var(--fw-secondary);
--root-border-color: transparent;
}
.fw-mark--secondary.fw-mark--reverse{
--root-background: var(--fw-secondary);
--root-color: var(--fw-secondary-l-6);
--root-border-color: var(--fw-secondary-d-1);
}
/** Bricks Forms */
.brxe-form {
/* Inline form */
}
.brxe-form.fw-form--inline {
flex-wrap: nowrap;
column-gap: var(--fw-space--xs);
align-items: center;
}
.brxe-form.fw-form--inline .form-group {
padding: 0;
}
.brxe-form button[class*="bricks-button"] {
--btn-border-width: 2px;
--btn-border-color: #777;
--btn-border-radius: var(--fw-radius--s);
--btn-padding-block: var(--fw-space--s);
--btn-padding-inlne: var(--fw-space--s);
--btn-color: white;
--btn-font-size: var(--fw-text--m);
--btn-font-weight: inherit;
--btn-font-family: inherit;
--btn-text-decoration: initial;
--btn-letter-spacing: initial;
--btn-text-transform: initial;
--btn-line-height: 1;
--btn-background: var(--neutral);
transition: all 300ms ease;
border-style: solid !important;
border-width: var(--btn-border-width) !important;
border-color: var(--btn-border-color) !important;
border-radius: var(--btn-border-radius) !important;
padding-block: var(--btn-padding-block) !important;
padding-inline: var(--btn-padding-inlne) !important;
color: var(--btn-color) !important;
font-size: var(--btn-font-size) !important;
font-weight: var(--btn-font-weight) !important;
line-height: var(--btn-line-height) !important;
text-decoration: var(--btn-text-decoration) !important;
text-transform: var(--btn-text-transform) !important;
letter-spacing: var(--btn-letter-spacing) !important;
background: var(--btn-background) !important;
}
.brxe-form button[class*="bricks-button"].sm {
--btn-padding-block: var(--fw-space--xs);
--btn-padding-inline: var(--fw-space--xs);
}
.brxe-form button.bricks-background-primary {
--btn-border-color: var(--fw-primary);
--btn-color: var(--fw-primary-l-6);
--btn-background: var(--fw-primary);
}
.brxe-form button.bricks-background-primary:hover {
--btn-border-color: var(--fw-primary-d-3);
--btn-color: var(--fw-primary-l-5);
--btn-background: var(--fw-primary-d-3);
}
.brxe-form button.bricks-background-primary:focus-visible {
--btn-border-color: var(--fw-primary);
--btn-color: var(--fw-primary-l-6);
--btn-background: var(--fw-primary);
}
.brxe-form button.bricks-background-primary.fw-btn--outline {
--btn-border-color: var(--fw-primary);
--btn-color: var(--fw-primary);
--btn-background: transparent;
}
.brxe-form button.bricks-background-primary.fw-btn--outline:hover {
--btn-border-color: var(--fw-primary);
--btn-color: var(--fw-primary-l-6);
--btn-background: var(--fw-primary);
}
.brxe-form button.bricks-background-primary.fw-btn--outline:focus-visible {
--btn-border-color: var(--fw-primary);
--btn-color: var(--fw-primary);
--btn-background: transparent;
}
.brxe-form button.bricks-background-secondary {
--btn-border-color: var(--fw-secondary);
--btn-color: var(--fw-secondary-l-6);
--btn-background: var(--fw-secondary);
}
.brxe-form button.bricks-background-secondary:hover {
--btn-border-color: var(--fw-secondary-d-3);
--btn-color: var(--fw-secondary-l-5);
--btn-background: var(--fw-secondary-d-3);
}
.brxe-form button.bricks-background-secondary:focus-visible {
--btn-border-color: var(--fw-secondary);
--btn-color: var(--fw-secondary-l-6);
--btn-background: var(--fw-secondary);
}
.brxe-form button.bricks-background-secondary.fw-btn--outline {
--btn-border-color: var(--fw-secondary);
--btn-color: var(--fw-secondary);
--btn-background: transparent;
}
.brxe-form button.bricks-background-secondary.fw-btn--outline:hover {
--btn-border-color: var(--fw-secondary);
--btn-color: var(--fw-secondary-l-6);
--btn-background: var(--fw-secondary);
}
.brxe-form button.bricks-background-secondary.fw-btn--outline:focus-visible {
--btn-border-color: var(--fw-secondary);
--btn-color: var(--fw-secondary);
--btn-background: transparent;
}
.brxe-form .input, .brxe-form input:not([type=submit]), .brxe-form select, .brxe-form textarea {
background-color: var(--fw-white);
border-top: 1px solid var(--fw-neutral-t-5);
border-left: 1px solid var(--fw-neutral-t-5);
border-bottom: 1px solid var(--fw-neutral-t-5);
border-right: 1px solid var(--fw-neutral-t-5);
border-radius: var(--fw-radius--s);
color: var(--fw-neutral);
font-family: inherit;
font-size: var(--fw-text--m);
font-weight: inherit;
line-height: inherit;
padding-inline: var(--fw-space--xs);
padding-block: var(--fw-space--xs);
}
Raw
style-guide.json
{"content":[{"id":"04210d","name":"section","parent":0,"children":["909af2"],"settings":[]},{"id":"909af2","name":"container","parent":"04210d","children":["37759b"],"settings":[]},{"id":"37759b","name":"block","parent":"909af2","children":["28d11f","091e3e","be2331","280833","fee2d3","fefcea","9f87cb","ddc160","c7d32f"],"settings":{"_cssGlobalClasses":["jqqtmd"]},"label":"WPE Style Guide V1"},{"id":"091e3e","name":"block","parent":"37759b","children":["5ea972","bf5765"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_cssGlobalClasses":["cqwsfg","nktita"],"classConverterComponent":true},"label":"WPE Intro V1"},{"id":"5ea972","name":"div","parent":"091e3e","children":["24927e"],"settings":{"taxonomies":["category","post_tag"],"extrasCustomQueryCode":"<style>\nh1.my-heading {\n color: crimson;\n}\n</style>\n\n<h1 class='my-heading'>Just some custom HTML</h1>","_cssGlobalClasses":["aydnmn"]},"label":"Header"},{"id":"24927e","name":"text-basic","parent":"5ea972","children":[],"settings":{"text":"Branding Guide","tag":"p","_cssGlobalClasses":["lseqms","cwhnbn","mjjnlw"]},"label":"Accent Text"},{"id":"bf5765","name":"text","parent":"091e3e","children":[],"settings":{"text":"<p>This style guide contains a set of standards for writing and designing this website content.</p>","tag":"div","_cssGlobalClasses":["evsuvn"]},"label":"Lede"},{"id":"445252","name":"heading","parent":"28d11f","children":[],"settings":{"text":"Style Guide","tag":"h1","_cssGlobalClasses":["bydnry"]},"label":"Page Heading"},{"id":"28d11f","name":"block","parent":"37759b","children":["445252","b31dcf"],"settings":{"_cssGlobalClasses":["opnzrx"]},"label":"Page Header"},{"id":"b31dcf","name":"text-basic","parent":"28d11f","children":[],"settings":{"text":"V1","tag":"p","_cssGlobalClasses":["kbrbpn"]},"label":"Version Text"},{"id":"280833","name":"block","parent":"37759b","children":["cb358c","65fc5a","026d22","b1f200","3dd938","3d7477","b6eeee","a782cb","4154b3","613536"],"settings":{"_cssGlobalClasses":["mfjlkw"]},"label":"Block Wrapper"},{"id":"cb358c","name":"block","parent":"280833","children":["db9624","1583d4"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"db9624","name":"heading","parent":"cb358c","children":[],"settings":{"text":"Typography","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"1583d4","name":"text-basic","parent":"cb358c","children":[],"settings":{"text":"Guidelines for typography styles and usage to represent your brand effectively.","tag":"p","_cssGlobalClasses":["rhdtqj"]},"label":"Block Lede"},{"id":"65fc5a","name":"block","parent":"280833","children":["9d8d83"],"settings":{"_cssGlobalClasses":["tenmiu"],"_cssId":"wrapper-font-families"},"label":"Inner Block Wrapper"},{"id":"9d8d83","name":"block","parent":"65fc5a","children":["f70bbf","4bc4fb"],"settings":{"_cssGlobalClasses":["evdyww"],"classConverterComponent":true,"tag":"ul"},"label":"WPE Label Value Grid","rerenderControls":1726434864034},{"id":"f70bbf","name":"block","parent":"9d8d83","children":["09c1f0","1d9d16"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"09c1f0","name":"heading","parent":"f70bbf","children":[],"settings":{"text":"Headings Font","tag":"h4","_cssGlobalClasses":["zglinz"]},"label":"Label"},{"id":"1d9d16","name":"text-basic","parent":"f70bbf","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"4bc4fb","name":"block","parent":"9d8d83","children":["581195","bf8636"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"581195","name":"text-basic","parent":"4bc4fb","children":[],"settings":{"text":"Body Font","tag":"p","_cssGlobalClasses":["zglinz"]},"label":"Label"},{"id":"bf8636","name":"text-basic","parent":"4bc4fb","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"026d22","name":"block","parent":"280833","children":["3cc038","9e7288"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"3cc038","name":"heading","parent":"026d22","children":[],"settings":{"text":"Headings","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"9e7288","name":"text-basic","parent":"026d22","children":[],"settings":{"text":"Font Family for Headings is set in the Theme. Sizes are also set in the Theme, default to framework clamp variables e.g. var(--fw-h1)","tag":"p","_cssGlobalClasses":["rhdtqj"]},"label":"Block Lede"},{"id":"b1f200","name":"block","parent":"280833","children":["c1ee61"],"settings":{"_cssGlobalClasses":["tenmiu"],"_cssId":"wrapper-headings"},"label":"Inner Block Wrapper"},{"id":"c1ee61","name":"block","parent":"b1f200","children":["b4727c","319ff7","c00667","f3e3b5","d5fb3f","436d37"],"settings":{"_cssGlobalClasses":["evdyww","snjkcs"],"classConverterComponent":true,"tag":"ul"},"label":"WPE Label Value Grid","rerenderControls":1726434864034},{"id":"b4727c","name":"block","parent":"c1ee61","children":["13a30a","cf7718"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"13a30a","name":"heading","parent":"b4727c","children":[],"settings":{"text":"Heading H6","tag":"h6","_cssGlobalClasses":["zglinz"]},"label":"Label"},{"id":"778d53","name":"text-basic","parent":"cf7718","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"319ff7","name":"block","parent":"c1ee61","children":["8c285b","f2d93b"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"f2d93b","name":"block","parent":"319ff7","children":["7d92f8","40efaa"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"7d92f8","name":"text-basic","parent":"f2d93b","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"40efaa","name":"text-basic","parent":"f2d93b","children":[],"settings":{"tag":"p","text":"- var(--fw-h5)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"8c285b","name":"heading","parent":"319ff7","children":[],"settings":{"text":"Heading H5","tag":"h5","_cssGlobalClasses":["zglinz"]},"label":"Label"},{"id":"436d37","name":"block","parent":"c1ee61","children":["208658","c5c759"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"c5c759","name":"block","parent":"436d37","children":["f773a1","c51bf8"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"f773a1","name":"text-basic","parent":"c5c759","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"c51bf8","name":"text-basic","parent":"c5c759","children":[],"settings":{"tag":"p","text":"- var(--fw-h1)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"208658","name":"heading","parent":"436d37","children":[],"settings":{"text":"Heading H1","tag":"h1","_cssGlobalClasses":["zglinz"]},"label":"Label"},{"id":"c00667","name":"block","parent":"c1ee61","children":["7d0055","ff1d81"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"ff1d81","name":"block","parent":"c00667","children":["2b9aa7","e7ebc8"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"2b9aa7","name":"text-basic","parent":"ff1d81","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"e7ebc8","name":"text-basic","parent":"ff1d81","children":[],"settings":{"tag":"p","text":"- var(--fw-h4)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"7d0055","name":"heading","parent":"c00667","children":[],"settings":{"text":"Heading H4","tag":"h4","_cssGlobalClasses":["zglinz"]},"label":"Label"},{"id":"d5fb3f","name":"block","parent":"c1ee61","children":["22255b","1e838d"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"1e838d","name":"block","parent":"d5fb3f","children":["b9e6ae","d6d665"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"b9e6ae","name":"text-basic","parent":"1e838d","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"d6d665","name":"text-basic","parent":"1e838d","children":[],"settings":{"tag":"p","text":"- var(--fw-h2)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"22255b","name":"heading","parent":"d5fb3f","children":[],"settings":{"text":"Heading H2","tag":"h2","_cssGlobalClasses":["zglinz"]},"label":"Label"},{"id":"f3e3b5","name":"block","parent":"c1ee61","children":["50bc81","3050ac"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"3050ac","name":"block","parent":"f3e3b5","children":["0b3feb","50dc22"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"0b3feb","name":"text-basic","parent":"3050ac","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"50dc22","name":"text-basic","parent":"3050ac","children":[],"settings":{"tag":"p","text":"- var(--fw-h3)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"50bc81","name":"heading","parent":"f3e3b5","children":[],"settings":{"text":"Heading H3","tag":"h3","_cssGlobalClasses":["zglinz"]},"label":"Label"},{"id":"be2331","name":"block","parent":"37759b","children":["4b84c0","d04569"],"settings":{"_cssGlobalClasses":["mfjlkw"]},"label":"Block Wrapper"},{"id":"4b84c0","name":"block","parent":"be2331","children":["43d443","5a0321"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"43d443","name":"heading","parent":"4b84c0","children":[],"settings":{"text":"Brand Colors","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"5a0321","name":"text-basic","parent":"4b84c0","children":[],"settings":{"text":"A palette of colors that are used to represent your brand.","tag":"p","_cssGlobalClasses":["rhdtqj"]},"label":"Block Lede"},{"id":"777ea2","name":"block","parent":"d04569","children":["7d4384","0a8098","da39d1"],"settings":{"_cssGlobalClasses":["wosnox","mjjnlw"],"classConverterComponent":true},"label":"WPE Swatch Grid","rerenderControls":1726023426292},{"id":"7d4384","name":"block","parent":"777ea2","children":["0f2e2a","40734f","7fea94"],"settings":{"_cssGlobalClasses":["ndsuxv"],"_background":{"color":{"raw":"var(--fw-primary)"}}},"label":"Item"},{"id":"0f2e2a","name":"div","parent":"7d4384","children":["f67899","7583e8","400823","94b9eb","c0626a","124668"],"settings":{"_cssGlobalClasses":["kaavlc"]},"label":"Swatch Variation Set"},{"id":"f67899","name":"div","parent":"0f2e2a","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-l-1)","rawValue":{"light":"hsla(45,100%,59.22%,1)","dark":"hsla(45,100%,40.78%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"jmkexg","shadeOrder":0}}},"label":"Swatch Variation"},{"id":"7583e8","name":"div","parent":"0f2e2a","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-l-2)","rawValue":{"light":"hsla(45.09,100%,66.86%,1)","dark":"hsla(45.09,100%,33.14%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"jmkexg","shadeOrder":1}}},"label":"Swatch Variation"},{"id":"400823","name":"div","parent":"0f2e2a","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-l-3)","rawValue":{"light":"hsla(45.12,100%,74.71%,1)","dark":"hsla(45.12,100%,25.29%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"jmkexg","shadeOrder":2}}},"label":"Swatch Variation"},{"id":"94b9eb","name":"div","parent":"0f2e2a","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-l-4)","rawValue":{"light":"hsla(44.49,100%,82.55%,1)","dark":"hsla(44.49,100%,17.45%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"jmkexg","shadeOrder":3}}},"label":"Swatch Variation"},{"id":"c0626a","name":"div","parent":"0f2e2a","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-l-5)","rawValue":{"light":"hsla(44.4,100%,90.2%,1)","dark":"hsla(44.4,100%,9.8%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"jmkexg","shadeOrder":4}}},"label":"Swatch Variation"},{"id":"124668","name":"div","parent":"0f2e2a","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-l-6)","rawValue":{"light":"hsla(42,100%,98.04%,1)","dark":"hsla(42,100%,1.96%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"jmkexg","shadeOrder":5}}},"label":"Swatch Variation"},{"id":"40734f","name":"div","parent":"7d4384","children":["11a7a3","d73a21","4af3c4","5e37e5","4166f4","8ca295"],"settings":{"_cssGlobalClasses":["kaavlc"]},"label":"Swatch Variation Set"},{"id":"11a7a3","name":"div","parent":"40734f","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-d-1)","rawValue":{"light":"hsla(44.93,94.62%,43.73%,1)","dark":"hsla(44.93,94.62%,56.27%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"jmkexg","shadeOrder":0}}},"label":"Swatch Variation"},{"id":"d73a21","name":"div","parent":"40734f","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-d-2)","rawValue":{"light":"hsla(44.83,94.57%,36.08%,1)","dark":"hsla(44.83,94.57%,63.92%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"jmkexg","shadeOrder":1}}},"label":"Swatch Variation"},{"id":"4af3c4","name":"div","parent":"40734f","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-d-3)","rawValue":{"light":"hsla(44.67,94.48%,28.43%,1)","dark":"hsla(44.67,94.48%,71.57%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"jmkexg","shadeOrder":2}}},"label":"Swatch Variation"},{"id":"5e37e5","name":"div","parent":"40734f","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-d-4)","rawValue":{"light":"hsla(45,96.15%,20.39%,1)","dark":"hsla(45,96.15%,79.61%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"jmkexg","shadeOrder":3}}},"label":"Swatch Variation"},{"id":"4166f4","name":"div","parent":"40734f","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-d-5)","rawValue":{"light":"hsla(44.76,96.92%,12.75%,1)","dark":"hsla(44.76,96.92%,87.25%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"jmkexg","shadeOrder":4}}},"label":"Swatch Variation"},{"id":"8ca295","name":"div","parent":"40734f","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-primary-d-6)","rawValue":{"light":"hsla(43.85,100%,5.1%,1)","dark":"hsla(43.85,100%,94.9%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"jmkexg","shadeOrder":5}}},"label":"Swatch Variation"},{"id":"7fea94","name":"block","parent":"7d4384","children":["cfd9da","6e9100"],"settings":{"_cssGlobalClasses":["ivaprg"]},"label":"Label Row"},{"id":"cfd9da","name":"text-basic","parent":"7fea94","children":[],"settings":{"text":"Primary","tag":"span","_cssGlobalClasses":["kpfcxj"]},"label":"Swatch Label"},{"id":"6e9100","name":"text-basic","parent":"7fea94","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["kdeoho"]},"label":"Swatch Value"},{"id":"0a8098","name":"block","parent":"777ea2","children":["800b56","c87c9e","9e4e77"],"settings":{"_cssGlobalClasses":["ndsuxv"],"_background":{"color":{"raw":"var(--fw-secondary)","rawValue":{"light":"hsla(47, 34%, 45%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["mmlscd","kfkqib","zqsbnt","vttelq","cemssl","yclqmx","quzama","pmwvzq","gxxdev","iiqwjv","ftloie","icsjen","amsvsi","sgmggk","lkryvc","gsvhpj","pyacoh","cictzd"],"isExpanded":false}}},"label":"Item"},{"id":"800b56","name":"div","parent":"0a8098","children":["859065","070f79","132f48","df6ecf","76ebd6","8c41dd"],"settings":{"_cssGlobalClasses":["kaavlc"]},"label":"Swatch Variation Set"},{"id":"859065","name":"div","parent":"800b56","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-l-1)","rawValue":{"light":"hsla(47.08,27.66%,53.92%,1)","dark":"hsla(47.08,27.66%,46.08%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"cdhfgu","shadeOrder":0}}},"label":"Swatch Variation"},{"id":"070f79","name":"div","parent":"800b56","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-l-2)","rawValue":{"light":"hsla(46.67,28.42%,62.75%,1)","dark":"hsla(46.67,28.42%,37.25%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"cdhfgu","shadeOrder":1}}},"label":"Swatch Variation"},{"id":"132f48","name":"div","parent":"800b56","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-l-3)","rawValue":{"light":"hsla(46.83,28.28%,71.57%,1)","dark":"hsla(46.83,28.28%,28.43%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"cdhfgu","shadeOrder":2}}},"label":"Swatch Variation"},{"id":"df6ecf","name":"div","parent":"800b56","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-l-4)","rawValue":{"light":"hsla(47.14,28%,80.39%,1)","dark":"hsla(47.14,28%,19.61%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"cdhfgu","shadeOrder":3}}},"label":"Swatch Variation"},{"id":"76ebd6","name":"div","parent":"800b56","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-l-5)","rawValue":{"light":"hsla(45.88,30.91%,89.22%,1)","dark":"hsla(45.88,30.91%,10.78%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"cdhfgu","shadeOrder":4}}},"label":"Swatch Variation"},{"id":"8c41dd","name":"div","parent":"800b56","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-l-6)","rawValue":{"light":"hsla(45,40%,98.04%,1)","dark":"hsla(45,40%,1.96%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"cdhfgu","shadeOrder":5}}},"label":"Swatch Variation"},{"id":"c87c9e","name":"div","parent":"0a8098","children":["54ef3e","acbe85","f76af3","c3c05c","cce240","8c364a"],"settings":{"_cssGlobalClasses":["kaavlc"]},"label":"Swatch Variation Set"},{"id":"54ef3e","name":"div","parent":"c87c9e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-d-1)","rawValue":{"light":"hsla(47.27,33.67%,38.43%,1)","dark":"hsla(47.27,33.67%,61.57%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"cdhfgu","shadeOrder":0}}},"label":"Swatch Variation"},{"id":"acbe85","name":"div","parent":"c87c9e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-d-2)","rawValue":{"light":"hsla(46.91,34.16%,31.57%,1)","dark":"hsla(46.91,34.16%,68.43%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"cdhfgu","shadeOrder":1}}},"label":"Swatch Variation"},{"id":"f76af3","name":"div","parent":"c87c9e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-d-3)","rawValue":{"light":"hsla(46.36,34.38%,25.1%,1)","dark":"hsla(46.36,34.38%,74.9%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"cdhfgu","shadeOrder":2}}},"label":"Swatch Variation"},{"id":"c3c05c","name":"div","parent":"c87c9e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-d-4)","rawValue":{"light":"hsla(46.88,34.04%,18.43%,1)","dark":"hsla(46.87,34.04%,81.57%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"cdhfgu","shadeOrder":3}}},"label":"Swatch Variation"},{"id":"cce240","name":"div","parent":"c87c9e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-d-5)","rawValue":{"light":"hsla(45.71,35.59%,11.57%,1)","dark":"hsla(45.71,35.59%,88.43%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"cdhfgu","shadeOrder":4}}},"label":"Swatch Variation"},{"id":"8c364a","name":"div","parent":"c87c9e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-secondary-d-6)","rawValue":{"light":"hsla(46.67,36%,4.9%,1)","dark":"hsla(46.67,36%,95.1%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"cdhfgu","shadeOrder":5}}},"label":"Swatch Variation"},{"id":"9e4e77","name":"block","parent":"0a8098","children":["b028fb","cb3e67"],"settings":{"_cssGlobalClasses":["ivaprg"]},"label":"Label Row"},{"id":"b028fb","name":"text-basic","parent":"9e4e77","children":[],"settings":{"text":"Secondary","tag":"span","_cssGlobalClasses":["kpfcxj"]},"label":"Swatch Label"},{"id":"cb3e67","name":"text-basic","parent":"9e4e77","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["kdeoho"]},"label":"Swatch Value"},{"id":"b6eeee","name":"block","parent":"280833","children":["38def3","774bb3"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"38def3","name":"heading","parent":"b6eeee","children":[],"settings":{"text":"Weights","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"774bb3","name":"text-basic","parent":"b6eeee","children":[],"settings":{"text":"Font Weights for headings and specific elements are set in the Theme","tag":"p","_cssGlobalClasses":["rhdtqj"]},"label":"Block Lede"},{"id":"a782cb","name":"block","parent":"280833","children":["cce859"],"settings":{"_cssGlobalClasses":["tenmiu"]},"label":"Inner Block Wrapper"},{"id":"cce859","name":"block","parent":"a782cb","children":["fc3fd0","bf31ee","3fb47c"],"settings":{"_cssGlobalClasses":["dpiuhg"]},"label":"Weight Wrapper"},{"id":"fc3fd0","name":"block","parent":"cce859","children":["bf4fd0","791337"],"settings":{"_typography":{"font-weight":"200"},"_cssGlobalClasses":["avplar"]},"label":"Weight Item"},{"id":"bf4fd0","name":"text-basic","parent":"fc3fd0","children":[],"settings":{"text":"Aa","tag":"span","_cssGlobalClasses":["etpjev"]},"label":"Weight Sample"},{"id":"791337","name":"text-basic","parent":"fc3fd0","children":[],"settings":{"text":"Light 200","tag":"span","_cssGlobalClasses":["aobqld"]},"label":"Weight Text"},{"id":"3fb47c","name":"block","parent":"cce859","children":["d6ab74","dc272e"],"settings":{"_cssGlobalClasses":["avplar"],"_typography":{"font-weight":"700"}},"label":"Weight Item"},{"id":"d6ab74","name":"text-basic","parent":"3fb47c","children":[],"settings":{"text":"Aa","tag":"span","_cssGlobalClasses":["etpjev"]},"label":"Weight Sample"},{"id":"dc272e","name":"text-basic","parent":"3fb47c","children":[],"settings":{"text":"Bold 700","tag":"span","_cssGlobalClasses":["aobqld"]},"label":"Weight Text"},{"id":"bf31ee","name":"block","parent":"cce859","children":["b0b431","c34624"],"settings":{"_cssGlobalClasses":["avplar"],"_typography":{"font-weight":"400"}},"label":"Weight Item"},{"id":"b0b431","name":"text-basic","parent":"bf31ee","children":[],"settings":{"text":"Aa","tag":"span","_cssGlobalClasses":["etpjev"]},"label":"Weight Sample"},{"id":"c34624","name":"text-basic","parent":"bf31ee","children":[],"settings":{"text":"Regular 400","tag":"span","_cssGlobalClasses":["aobqld"]},"label":"Weight Text"},{"id":"4154b3","name":"block","parent":"280833","children":["3cb296"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"3cb296","name":"heading","parent":"4154b3","children":[],"settings":{"text":"Example Typography","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"613536","name":"block","parent":"280833","children":["0bb9aa"],"settings":{"_cssGlobalClasses":["tenmiu"]},"label":"Inner Block Wrapper"},{"id":"0bb9aa","name":"text","parent":"613536","children":[],"settings":{"text":"<div class=\"brxe-block sg-heading-set\"><div class=\"brxe-text sg-heading-set__lede\"><h2>Heading 2 Example</h2><p>Guidelines for body text styles to ensure readability and consistency across the website.</p><h3>Heading 3 Example</h3></div></div><div class=\"brxe-text\"><p>This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.</p><h4>Heading 4 Example</h4><blockquote><p>Sometimes it’s nice to put in text just to get an idea of how text will fill in a space on your website.</p></blockquote><p>Traditionally our industry has used <a href=\"https://dev-matt.wpevolve.net/style-guide/#\">Lorem Ipsum</a>, which is placeholder text written in Latin. Unfortunately, not everyone is familiar with Lorem Ipsum and that can lead to confusion. I can’t tell you how many times clients have asked me why their website is in another language!</p><p>There are <strong>other placeholder text alternatives</strong> like Hipster Ipsum, Zombie Ipsum, Bacon Ipsum, and many more. While often hilarious, these placeholder passages can also lead to much of the same confusion.</p><p>If you’re curious, this is Website Ipsum. It was specifically developed for the use on development websites. Other than being less confusing than other Ipsum’s, Website Ipsum is also <em>formatted in patterns</em> more similar to how real copy is formatted on the web today.</p></div>","_cssGlobalClasses":["lcseua"]}},{"id":"fee2d3","name":"block","parent":"37759b","children":["5de231","e40b7b","vfvzpt","1301a3"],"settings":{"_cssGlobalClasses":["mfjlkw"]},"label":"Block Wrapper"},{"id":"5de231","name":"block","parent":"fee2d3","children":["1554d3","74e9d3"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"1554d3","name":"heading","parent":"5de231","children":[],"settings":{"text":"Buttons","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"74e9d3","name":"text-basic","parent":"5de231","children":[],"settings":{"text":"Use button utility classes for these.","tag":"p","_cssGlobalClasses":["rhdtqj"]},"label":"Block Lede"},{"id":"e40b7b","name":"block","parent":"fee2d3","children":["39d387"],"settings":{"_cssGlobalClasses":["tenmiu"]},"label":"Inner Block Wrapper"},{"id":"db1e11","name":"button","parent":"f74b6c","children":[],"settings":{"_cssGlobalClasses":["rhguit","weqyjh"],"text":"Button"},"label":"Sample Button"},{"id":"17d6c4","name":"text-basic","parent":"f74b6c","children":[],"settings":{"text":".fw-btn.fw-btn--s","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"f74b6c","name":"block","parent":"39d387","children":["db1e11","17d6c4"],"settings":{"_cssGlobalClasses":["weqyjh"]},"label":"Button Block"},{"id":"39d387","name":"block","parent":"e40b7b","children":["f74b6c","xrubps","amyijt"],"settings":{"_cssGlobalClasses":["jqxejm"]},"label":"Button Sample Grid"},{"id":"1301a3","name":"block","parent":"fee2d3","children":["46e4bf"],"settings":{"_cssGlobalClasses":["tenmiu","obvqnc"]},"label":"Inner Block Wrapper"},{"id":"46e4bf","name":"block","parent":"1301a3","children":["e17370","0b2ccb","093570","0063b9","3ee34d","fa5487","bbe66e","b6a03b"],"settings":{"_cssGlobalClasses":["jqxejm"]},"label":"Button Sample Grid"},{"id":"0063b9","name":"block","parent":"46e4bf","children":["bd213d","406e81"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"bd213d","name":"button","parent":"0063b9","children":[],"settings":{"_cssGlobalClasses":["kflouo","ihbzek","rhguit","obtmgw","ftyegt"],"text":"Button"},"label":"Sample Button"},{"id":"406e81","name":"text-basic","parent":"0063b9","children":[],"settings":{"text":".fw-btn--secondary<br>.fw-btn--outline","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"e17370","name":"block","parent":"46e4bf","children":["c1c17a","3202dd"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"c1c17a","name":"button","parent":"e17370","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit"],"text":"Button"},"label":"Sample Button"},{"id":"3202dd","name":"text-basic","parent":"e17370","children":[],"settings":{"text":".fw-btn","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"0b2ccb","name":"block","parent":"46e4bf","children":["7c6cc6","a9ad6c"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"7c6cc6","name":"button","parent":"0b2ccb","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","ftyegt"],"text":"Button"},"label":"Sample Button"},{"id":"a9ad6c","name":"text-basic","parent":"0b2ccb","children":[],"settings":{"text":".fw-btn<br>.fw-btn--outline","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"093570","name":"block","parent":"46e4bf","children":["1df4ef","710006"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"1df4ef","name":"button","parent":"093570","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","obtmgw"],"text":"Button"},"label":"Sample Button"},{"id":"710006","name":"text-basic","parent":"093570","children":[],"settings":{"text":".fw-btn--secondary","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"3ee34d","name":"block","parent":"46e4bf","children":["ce8249","33679f"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"ce8249","name":"button","parent":"3ee34d","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","zlwvqy"],"text":"Button"},"label":"Sample Button"},{"id":"33679f","name":"text-basic","parent":"3ee34d","children":[],"settings":{"text":".fw-btn--neutral","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"fa5487","name":"block","parent":"46e4bf","children":["518257","161205"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"518257","name":"button","parent":"fa5487","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","zlwvqy","ftyegt"],"text":"Button"},"label":"Sample Button"},{"id":"161205","name":"text-basic","parent":"fa5487","children":[],"settings":{"text":".fw-btn--neutral<br>.fw-btn--outline","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"bbe66e","name":"block","parent":"46e4bf","children":["76c6af","2c3338"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"76c6af","name":"button","parent":"bbe66e","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","ugrwsv"],"text":"Button"},"label":"Sample Button"},{"id":"2c3338","name":"text-basic","parent":"bbe66e","children":[],"settings":{"text":".fw-btn--white","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"b6a03b","name":"block","parent":"46e4bf","children":["67806f","de704c"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"67806f","name":"button","parent":"b6a03b","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","ugrwsv","ftyegt"],"text":"Button"},"label":"Sample Button"},{"id":"de704c","name":"text-basic","parent":"b6a03b","children":[],"settings":{"text":".fw-btn--white<br>.fw-btn--outline","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"fefcea","name":"block","parent":"37759b","children":["710b6a","7f8cb3","733388"],"settings":{"_cssGlobalClasses":["mfjlkw"]},"label":"Marks"},{"id":"710b6a","name":"block","parent":"fefcea","children":["9a2aed","9b0d8e"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"9a2aed","name":"heading","parent":"710b6a","children":[],"settings":{"text":"Marks","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"9b0d8e","name":"text-basic","parent":"710b6a","children":[],"settings":{"text":"Use button utility classes for these.","tag":"p","_cssGlobalClasses":["rhdtqj"]},"label":"Block Lede"},{"id":"7f8cb3","name":"block","parent":"fefcea","children":["3e0684"],"settings":{"_cssGlobalClasses":["tenmiu"]},"label":"Inner Block Wrapper"},{"id":"733388","name":"block","parent":"fefcea","children":["e62d9e"],"settings":{"_cssGlobalClasses":["tenmiu","obvqnc"]},"label":"Inner Block Wrapper"},{"id":"e62d9e","name":"text","parent":"733388","children":[],"settings":{"text":"<mark class=\"fw-mark--primary\">.fw-mark--primary</mark> Finding <mark class=\"fw-mark--primary fw-mark--reverse\">.fw-mark--primary .fw-mark--reverse</mark> the right <mark class=\"fw-mark--secondary\">.fw-mark--secondary</mark>.balance in <mark class=\"fw-mark--secondary fw-mark--reverse\">.fw-mark--secondary .fw-mark--reverse</mark> life can be challenging, but it's essential for overall well-being. Whether it's juggling work, family, or personal hobbies, taking time to recharge is crucial. Simple activities like a morning walk, reading a good book, or spending quality time with loved ones can make a big difference. Remember, it's not just about managing time, but also about making time for what truly matters. Prioritize self-care and watch how it transforms your everyday life.","_cssGlobalClasses":["lcseua"]}},{"id":"3e0684","name":"text","parent":"7f8cb3","children":[],"settings":{"text":"<mark class=\"fw-mark--primary\">.fw-mark--primary</mark> Finding <mark class=\"fw-mark--primary fw-mark--reverse\">.fw-mark--primary.fw-mark--reverse</mark> the right <mark class=\"fw-mark--secondary\">.fw-mark--secondary</mark>.balance in <mark class=\"fw-mark--secondary fw-mark--reverse\">.fw-mark--secondary.fw-mark--reverse</mark> life can be challenging, but it's essential for overall well-being. Whether it's juggling work, family, or personal hobbies, taking time to recharge is crucial. Simple activities like a morning walk, reading a good book, or spending quality time with loved ones can make a big difference. Remember, it's not just about managing time, but also about making time for what truly matters. Prioritize self-care and watch how it transforms your everyday life.","_cssGlobalClasses":["lcseua"]}},{"id":"ddc160","name":"block","parent":"37759b","children":["2f7207","f4444c"],"settings":{"_cssGlobalClasses":["mfjlkw"]},"label":"Spacing"},{"id":"2f7207","name":"block","parent":"ddc160","children":["b0d817","36761c"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"b0d817","name":"heading","parent":"2f7207","children":[],"settings":{"text":"Spacing, Gaps, Radii","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"36761c","name":"text-basic","parent":"2f7207","children":[],"settings":{"text":"Use css variables for these","tag":"p","_cssGlobalClasses":["rhdtqj"]},"label":"Block Lede"},{"id":"b3bd5c","name":"block","parent":"f4444c","children":["ec28ca","655757","3700f2","c567ad","dfacca","ccaefc","55a570"],"settings":{"_cssGlobalClasses":["tenmiu"]},"label":"Inner Block Wrapper"},{"id":"e67daf","name":"block","parent":"f4444c","children":["f5dd55","4d95b3","402036","5cca00","9c3833","664ba8"],"settings":{"_cssGlobalClasses":["tenmiu"]},"label":"Inner Block Wrapper"},{"id":"402036","name":"block","parent":"e67daf","children":["660f7e","1d8c88"],"settings":{"_cssGlobalClasses":["jpekaa","llyegk"],"_attributes":[{"id":"nikrsg","name":"style","value":"--width: var(--fw-grid-gap)"}]},"label":"WPE Size Indicator"},{"id":"660f7e","name":"div","parent":"402036","children":[],"settings":{"_cssGlobalClasses":["knuwxx","ccgimf"]},"label":"Marker"},{"id":"1d8c88","name":"text-basic","parent":"402036","children":[],"settings":{"text":"--fw-grid-gap","tag":"p","_cssGlobalClasses":["dzejcg","nckidy"]},"label":"Label"},{"id":"f4444c","name":"block","parent":"ddc160","children":["b3bd5c","e67daf"],"settings":{"_cssGlobalClasses":["jwawcb","muzcob"]},"label":"WPE Grid 2 Col","rerenderControls":1726450277086},{"id":"ec28ca","name":"heading","parent":"b3bd5c","children":[],"settings":{"text":"Spacing","tag":"h3","_cssGlobalClasses":["isehzi"]}},{"id":"f5dd55","name":"heading","parent":"e67daf","children":[],"settings":{"text":"Gaps","tag":"h3","_cssGlobalClasses":["isehzi"]}},{"id":"655757","name":"block","parent":"b3bd5c","children":["25a5c5","b9ac4a"],"settings":{"_cssGlobalClasses":["jpekaa","llyegk"],"_attributes":[{"id":"nikrsg","name":"style","value":"--width: var(--fw-space--xs)"}]},"label":"WPE Size Indicator"},{"id":"25a5c5","name":"div","parent":"655757","children":[],"settings":{"_cssGlobalClasses":["knuwxx","ccgimf"]},"label":"Marker"},{"id":"b9ac4a","name":"text-basic","parent":"655757","children":[],"settings":{"text":"--fw-space--xs","tag":"p","_cssGlobalClasses":["dzejcg","nckidy"]},"label":"Label"},{"id":"3700f2","name":"block","parent":"b3bd5c","children":["e58985","5d004a"],"settings":{"_cssGlobalClasses":["jpekaa","llyegk"],"_attributes":[{"id":"nikrsg","name":"style","value":"--width: var(--fw-space--s)"}]},"label":"WPE Size Indicator"},{"id":"e58985","name":"div","parent":"3700f2","children":[],"settings":{"_cssGlobalClasses":["knuwxx","ccgimf"]},"label":"Marker"},{"id":"5d004a","name":"text-basic","parent":"3700f2","children":[],"settings":{"text":"--fw-space--s","tag":"p","_cssGlobalClasses":["dzejcg","nckidy"]},"label":"Label"},{"id":"55a570","name":"block","parent":"b3bd5c","children":["992648","845e8b"],"settings":{"_cssGlobalClasses":["jpekaa","llyegk"],"_attributes":[{"id":"nikrsg","name":"style","value":"--width: var(--fw-space--xxl)"}]},"label":"WPE Size Indicator"},{"id":"992648","name":"div","parent":"55a570","children":[],"settings":{"_cssGlobalClasses":["knuwxx","ccgimf"]},"label":"Marker"},{"id":"845e8b","name":"text-basic","parent":"55a570","children":[],"settings":{"text":"--fw-space--xxl","tag":"p","_cssGlobalClasses":["dzejcg","nckidy"]},"label":"Label"},{"id":"ccaefc","name":"block","parent":"b3bd5c","children":["b6b6ba","41eef4"],"settings":{"_cssGlobalClasses":["jpekaa","llyegk"],"_attributes":[{"id":"nikrsg","name":"style","value":"--width: var(--fw-space--xl)"}]},"label":"WPE Size Indicator"},{"id":"b6b6ba","name":"div","parent":"ccaefc","children":[],"settings":{"_cssGlobalClasses":["knuwxx","ccgimf"]},"label":"Marker"},{"id":"41eef4","name":"text-basic","parent":"ccaefc","children":[],"settings":{"text":"--fw-space--xl","tag":"p","_cssGlobalClasses":["dzejcg","nckidy"]},"label":"Label"},{"id":"dfacca","name":"block","parent":"b3bd5c","children":["c16546","7902db"],"settings":{"_cssGlobalClasses":["jpekaa","llyegk"],"_attributes":[{"id":"nikrsg","name":"style","value":"--width: var(--fw-space--l)"}]},"label":"WPE Size Indicator"},{"id":"c16546","name":"div","parent":"dfacca","children":[],"settings":{"_cssGlobalClasses":["knuwxx","ccgimf"]},"label":"Marker"},{"id":"7902db","name":"text-basic","parent":"dfacca","children":[],"settings":{"text":"--fw-space--l","tag":"p","_cssGlobalClasses":["dzejcg","nckidy"]},"label":"Label"},{"id":"c567ad","name":"block","parent":"b3bd5c","children":["93aadf","ad9190"],"settings":{"_cssGlobalClasses":["jpekaa","llyegk"],"_attributes":[{"id":"nikrsg","name":"style","value":"--width: var(--fw-space--m)"}]},"label":"WPE Size Indicator"},{"id":"93aadf","name":"div","parent":"c567ad","children":[],"settings":{"_cssGlobalClasses":["knuwxx","ccgimf"]},"label":"Marker"},{"id":"ad9190","name":"text-basic","parent":"c567ad","children":[],"settings":{"text":"--fw-space--m","tag":"p","_cssGlobalClasses":["dzejcg","nckidy"]},"label":"Label"},{"id":"5cca00","name":"block","parent":"e67daf","children":["f49050","b67df7"],"settings":{"_cssGlobalClasses":["jpekaa","llyegk"],"_attributes":[{"id":"nikrsg","name":"style","value":"--width: var(--fw-content-gap)"}]},"label":"WPE Size Indicator"},{"id":"f49050","name":"div","parent":"5cca00","children":[],"settings":{"_cssGlobalClasses":["knuwxx","ccgimf"]},"label":"Marker"},{"id":"b67df7","name":"text-basic","parent":"5cca00","children":[],"settings":{"text":"--fw-content-gap","tag":"p","_cssGlobalClasses":["dzejcg","nckidy"]},"label":"Label"},{"id":"4d95b3","name":"block","parent":"e67daf","children":["e2d99e","b4004d"],"settings":{"_cssGlobalClasses":["jpekaa","llyegk"],"_attributes":[{"id":"nikrsg","name":"style","value":"--width: var(--fw-container-gap)"}]},"label":"WPE Size Indicator"},{"id":"e2d99e","name":"div","parent":"4d95b3","children":[],"settings":{"_cssGlobalClasses":["knuwxx","ccgimf"]},"label":"Marker"},{"id":"b4004d","name":"text-basic","parent":"4d95b3","children":[],"settings":{"text":"--fw-container-gap","tag":"p","_cssGlobalClasses":["dzejcg","nckidy"]},"label":"Label"},{"id":"9c3833","name":"heading","parent":"e67daf","children":[],"settings":{"text":"Radii","tag":"h3","_cssGlobalClasses":["isehzi"]}},{"id":"664ba8","name":"block","parent":"e67daf","children":["d3de4a","d018b1","11fb79"],"settings":{"_display:tablet_portrait":"grid","_gridGap:tablet_portrait":"var(--fw-grid-gap)","_gridTemplateColumns:tablet_portrait":"var(--fw-grid--3)","_gridTemplateColumns:mobile_portrait":"var(--fw-grid--1)","_cssGlobalClasses":["ssjsqe","ozjvvu","cssjco"]},"label":"WPE Grid 3 Col"},{"id":"d3de4a","name":"block","parent":"664ba8","children":["b065d5"],"settings":{"_cssGlobalClasses":["wfxgub"],"classConverterComponent":true,"_border":{"radius":{"top":"var(--fw-radius--s)","right":"var(--fw-radius--s)","bottom":"var(--fw-radius--s)","left":"var(--fw-radius--s)"}}},"label":"Block Placeholder"},{"id":"b065d5","name":"text-basic","parent":"d3de4a","children":[],"settings":{"text":"--fw-radius--s","tag":"span","_cssGlobalClasses":["sdpnit"]}},{"id":"d018b1","name":"block","parent":"664ba8","children":["eec752"],"settings":{"_cssGlobalClasses":["wfxgub"],"classConverterComponent":true,"_border":{"radius":{"top":"var(--fw-radius)","right":"var(--fw-radius)","bottom":"var(--fw-radius)","left":"var(--fw-radius)"}}},"label":"Block Placeholder"},{"id":"eec752","name":"text-basic","parent":"d018b1","children":[],"settings":{"text":"--fw-radius","tag":"span","_cssGlobalClasses":["sdpnit"]}},{"id":"11fb79","name":"block","parent":"664ba8","children":["c6a993"],"settings":{"_cssGlobalClasses":["wfxgub"],"classConverterComponent":true,"_border":{"radius":{"top":"var(--fw-radius--l)","right":"var(--fw-radius--l)","bottom":"var(--fw-radius--l)","left":"var(--fw-radius--l)"}}},"label":"Block Placeholder"},{"id":"c6a993","name":"text-basic","parent":"11fb79","children":[],"settings":{"text":"--fw-radius--l","tag":"span","_cssGlobalClasses":["sdpnit"]}},{"id":"3dd938","name":"block","parent":"280833","children":["958b53","e44be7"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"958b53","name":"heading","parent":"3dd938","children":[],"settings":{"text":"Body Text","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"e44be7","name":"text-basic","parent":"3dd938","children":[],"settings":{"text":"Font Family for Body Text is set in the Theme. Sizes are also set in the Theme, default to framework clamp variables e.g. var(--fw-text--m)","tag":"p","_cssGlobalClasses":["rhdtqj"]},"label":"Block Lede"},{"id":"3d7477","name":"block","parent":"280833","children":["087753"],"settings":{"_cssGlobalClasses":["tenmiu"],"_cssId":"wrapper-text"},"label":"Inner Block Wrapper"},{"id":"087753","name":"block","parent":"3d7477","children":["6fccf7","3c43a6","343724","986c19","3be82e","a0fa38"],"settings":{"_cssGlobalClasses":["evdyww","snjkcs"],"classConverterComponent":true,"tag":"ul"},"label":"WPE Label Value Grid","rerenderControls":1726434864034},{"id":"6fccf7","name":"block","parent":"087753","children":["4a5aac","145bb6"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"145bb6","name":"block","parent":"6fccf7","children":["5000d2","4503e1"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"5000d2","name":"text-basic","parent":"145bb6","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"4503e1","name":"text-basic","parent":"145bb6","children":[],"settings":{"tag":"p","text":"- var(--fw-text--xs)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"4a5aac","name":"text-basic","parent":"6fccf7","children":[],"settings":{"text":"Text Extra Small","tag":"span","_cssGlobalClasses":["zglinz"],"_typography":{"font-size":"var(--fw-text--xs)"}},"label":"Label"},{"id":"3c43a6","name":"block","parent":"087753","children":["51372f","2aed40"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"2aed40","name":"block","parent":"3c43a6","children":["70570f","27fa51"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"70570f","name":"text-basic","parent":"2aed40","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"27fa51","name":"text-basic","parent":"2aed40","children":[],"settings":{"tag":"p","text":"- var(--fw-text--s)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"51372f","name":"text-basic","parent":"3c43a6","children":[],"settings":{"text":"Text Small","tag":"span","_cssGlobalClasses":["zglinz"],"_typography":{"font-size":"var(--fw-text--s)"}},"label":"Label"},{"id":"343724","name":"block","parent":"087753","children":["53a504","d20da3"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"d20da3","name":"block","parent":"343724","children":["4aa4cc","71e4a4"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"4aa4cc","name":"text-basic","parent":"d20da3","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"71e4a4","name":"text-basic","parent":"d20da3","children":[],"settings":{"tag":"p","text":"- var(--fw-text--m)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"53a504","name":"text-basic","parent":"343724","children":[],"settings":{"text":"Text Medium","tag":"span","_cssGlobalClasses":["zglinz"],"_typography":{"font-size":"var(--fw-text--m)"}},"label":"Label"},{"id":"986c19","name":"block","parent":"087753","children":["6766b7","c4234a"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"c4234a","name":"block","parent":"986c19","children":["976901","f8ebc8"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"976901","name":"text-basic","parent":"c4234a","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"f8ebc8","name":"text-basic","parent":"c4234a","children":[],"settings":{"tag":"p","text":"- var(--fw-text--l)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"6766b7","name":"text-basic","parent":"986c19","children":[],"settings":{"text":"Text Large","tag":"span","_cssGlobalClasses":["zglinz"],"_typography":{"font-size":"var(--fw-text--l)"}},"label":"Label"},{"id":"3be82e","name":"block","parent":"087753","children":["d230bb","286bf8"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"286bf8","name":"block","parent":"3be82e","children":["4d678c","1555a3"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"4d678c","name":"text-basic","parent":"286bf8","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"1555a3","name":"text-basic","parent":"286bf8","children":[],"settings":{"tag":"p","text":"- var(--fw-text--xl)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"d230bb","name":"text-basic","parent":"3be82e","children":[],"settings":{"text":"Text Extra Large","tag":"span","_cssGlobalClasses":["zglinz"],"_typography":{"font-size":"var(--fw-text--xl)"}},"label":"Label"},{"id":"a0fa38","name":"block","parent":"087753","children":["b59534","fe0d73"],"settings":{"_cssGlobalClasses":["eoqnjg"],"tag":"li"},"label":"Row"},{"id":"fe0d73","name":"block","parent":"a0fa38","children":["293a9d","ddf085"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"293a9d","name":"text-basic","parent":"fe0d73","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["magwkq"]},"label":"Value"},{"id":"ddf085","name":"text-basic","parent":"fe0d73","children":[],"settings":{"tag":"p","text":"- var(--fw-text--xxl)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"b59534","name":"text-basic","parent":"a0fa38","children":[],"settings":{"text":"Text Extra Extra Large","tag":"span","_cssGlobalClasses":["zglinz"],"_typography":{"font-size":"var(--fw-text--xxl)"}},"label":"Label"},{"id":"c7d32f","name":"code","parent":"37759b","children":[],"settings":{"executeCode":true,"noRoot":true,"javascriptCode":"/* UTIL FUNCTIONS */\nconst rgbStringToHex = (rgbString) => {\n const [r, g, b] = rgbString.match(/\\d+/g).map(Number);\n const toHex = (component) => component.toString(16).padStart(2, '0');\n return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n};\n\nconst dashToCapitalizedWords = (dashString) => {\n return dashString\n .split('-')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n};\n\n/* END UTIL FUNCTIONS */\n(() => {\n\n const parentSelector = '.wpe-swatch-grid__item';\n const valueSelector = '.wpe-swatch-grid__swatch-value';\n const valueElements = document.querySelectorAll(valueSelector);\n valueElements.forEach(el => {\n const parentEl = el.closest(parentSelector);\n const colorValue = window.getComputedStyle(parentEl).backgroundColor;\n el.textContent = rgbStringToHex(colorValue);\n })\n})();\n\n(() => {\n const wrapper = 'wrapper-font-families';\n const elWrapper = document.getElementById(wrapper);\n\n const rowSelector = '.wpe-label-value-grid__row';\n const rows = elWrapper.querySelectorAll(rowSelector);\n\n const labelSelector = '.wpe-label-value-grid__label';\n const valueSelector = '.wpe-label-value-grid__value';\n rows.forEach(el => {\n const labelEl = el.querySelector(labelSelector);\n const valueEl = el.querySelector(valueSelector);\n const fontFamily = window.getComputedStyle(labelEl).fontFamily;\n valueEl.textContent = dashToCapitalizedWords(fontFamily);\n })\n})();\n\n(() => {\n const wrapper = 'wrapper-headings';\n const elWrapper = document.getElementById(wrapper);\n\n const rowSelector = '.wpe-label-value-grid__row';\n const rows = elWrapper.querySelectorAll(rowSelector);\n\n const labelSelector = '.wpe-label-value-grid__label';\n const valueSelector = '.wpe-label-value-grid__value';\n\n const update = () => {\n rows.forEach(el => {\n const labelEl = el.querySelector(labelSelector);\n const valueEl = el.querySelector(valueSelector);\n\n const fontRaw = window.getComputedStyle(labelEl).getPropertyValue('font-size');\n valueEl.textContent = fontRaw;\n })\n }\n\n update();\n window.addEventListener('resize', update);\n\n})();\n\n(() => {\n const wrapper = 'wrapper-text';\n const elWrapper = document.getElementById(wrapper);\n\n const rowSelector = '.wpe-label-value-grid__row';\n const rows = elWrapper.querySelectorAll(rowSelector);\n\n const labelSelector = '.wpe-label-value-grid__label';\n const valueSelector = '.wpe-label-value-grid__value';\n\n const update = () => {\n rows.forEach(el => {\n const labelEl = el.querySelector(labelSelector);\n const valueEl = el.querySelector(valueSelector);\n\n const fontRaw = window.getComputedStyle(labelEl).getPropertyValue('font-size');\n valueEl.textContent = fontRaw;\n })\n }\n\n update();\n window.addEventListener('resize', update);\n\n})();\n\n","_cssGlobalClasses":["wappsd"]},"label":"Style Guide Code","themeStyles":[]},{"id":"cf7718","name":"block","parent":"b4727c","children":["778d53","5a50ab"],"settings":{"_cssGlobalClasses":["axlqsj"]},"label":"Value Wrapper"},{"id":"5a50ab","name":"text-basic","parent":"cf7718","children":[],"settings":{"tag":"p","text":"- var(--fw-h6)","_cssGlobalClasses":["ofkxnj"]},"label":"Suffix"},{"id":"d04569","name":"block","parent":"be2331","children":["777ea2"],"settings":{"_cssGlobalClasses":["tenmiu"],"_cssId":"wrapper-colors"},"label":"Inner Block"},{"id":"da39d1","name":"block","parent":"777ea2","children":["6a1b6e","445246","7d5dc7"],"settings":{"_cssGlobalClasses":["ndsuxv"],"_background":{"color":{"raw":"var(--fw-neutral)","rawValue":{"light":"hsla(0, 0%, 9%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["rxtcce","sjuohh","igrmqx","jrqjvb","qyuoxn","fqjuij","ryctbs","qlygim","ndpxdj","nbirps","rvbktn","sjxrss","npsmqq","pyosrt","bhorxy","ucktbz","ycrdss","mblmda"],"isExpanded":true}}},"label":"Item"},{"id":"6a1b6e","name":"div","parent":"da39d1","children":["f5172f","597f7f","7d2766","47baaf","0282a1","88b88e"],"settings":{"_cssGlobalClasses":["kaavlc"]},"label":"Swatch Variation Set"},{"id":"f5172f","name":"div","parent":"6a1b6e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-l-1)","rawValue":{"light":"hsla(0,0%,23.92%,1)","dark":"hsla(0,0%,76.08%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":0}}},"label":"Swatch Variation"},{"id":"597f7f","name":"div","parent":"6a1b6e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-l-2)","rawValue":{"light":"hsla(0,0%,38.82%,1)","dark":"hsla(0,0%,61.18%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":1}}},"label":"Swatch Variation"},{"id":"7d2766","name":"div","parent":"6a1b6e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-l-3)","rawValue":{"light":"hsla(0,0%,53.33%,1)","dark":"hsla(0,0%,46.67%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":2}}},"label":"Swatch Variation"},{"id":"47baaf","name":"div","parent":"6a1b6e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-l-4)","rawValue":{"light":"hsla(0,0%,68.24%,1)","dark":"hsla(0,0%,31.76%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":3}}},"label":"Swatch Variation"},{"id":"0282a1","name":"div","parent":"6a1b6e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-l-5)","rawValue":{"light":"hsla(0, 0%, 92%, 1)","dark":"hsla(0,0%,16.86%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":4}}},"label":"Swatch Variation"},{"id":"88b88e","name":"div","parent":"6a1b6e","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-l-6)","rawValue":{"light":"hsla(0, 0%, 95%, 1)","dark":"hsla(0,0%,1.96%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":5}}},"label":"Swatch Variation"},{"id":"445246","name":"div","parent":"da39d1","children":["efd7e6","6289f9","72ed3e","40602e","ad9cbc","c0f5bc"],"settings":{"_cssGlobalClasses":["kaavlc"]},"label":"Swatch Variation Set"},{"id":"efd7e6","name":"div","parent":"445246","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-d-1)","rawValue":{"light":"hsla(0,0%,8.24%,1)","dark":"hsla(0,0%,91.76%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"avbees","shadeOrder":0}}},"label":"Swatch Variation"},{"id":"6289f9","name":"div","parent":"445246","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-d-2)","rawValue":{"light":"hsla(0,0%,7.84%,1)","dark":"hsla(0,0%,92.16%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"avbees","shadeOrder":1}}},"label":"Swatch Variation"},{"id":"72ed3e","name":"div","parent":"445246","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-d-3)","rawValue":{"light":"hsla(0,0%,7.06%,1)","dark":"hsla(0,0%,92.94%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"avbees","shadeOrder":2}}},"label":"Swatch Variation"},{"id":"40602e","name":"div","parent":"445246","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-d-4)","rawValue":{"light":"hsla(0,0%,6.27%,1)","dark":"hsla(0,0%,93.73%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"avbees","shadeOrder":3}}},"label":"Swatch Variation"},{"id":"ad9cbc","name":"div","parent":"445246","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-d-5)","rawValue":{"light":"hsla(0,0%,5.49%,1)","dark":"hsla(0,0%,94.51%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"avbees","shadeOrder":4}}},"label":"Swatch Variation"},{"id":"c0f5bc","name":"div","parent":"445246","children":[],"settings":{"_cssGlobalClasses":["dyrxmv"],"_background":{"color":{"raw":"var(--fw-neutral-d-6)","rawValue":{"light":"hsla(0,0%,5.1%,1)","dark":"hsla(0,0%,94.9%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"avbees","shadeOrder":5}}},"label":"Swatch Variation"},{"id":"7d5dc7","name":"block","parent":"da39d1","children":["0e8e02","c00a15"],"settings":{"_cssGlobalClasses":["ivaprg"]},"label":"Label Row"},{"id":"0e8e02","name":"text-basic","parent":"7d5dc7","children":[],"settings":{"text":"Neutral","tag":"span","_cssGlobalClasses":["kpfcxj"]},"label":"Swatch Label"},{"id":"c00a15","name":"text-basic","parent":"7d5dc7","children":[],"settings":{"text":"Value","tag":"span","_cssGlobalClasses":["kdeoho"]},"label":"Swatch Value"},{"id":"9f87cb","name":"block","parent":"37759b","children":["764979","f4ea66"],"settings":{"_cssGlobalClasses":["mfjlkw"]},"label":"Box Shadows"},{"id":"764979","name":"block","parent":"9f87cb","children":["383157","397c4d"],"settings":{"_cssGlobalClasses":["fotfgm"]},"label":"Block Header"},{"id":"383157","name":"heading","parent":"764979","children":[],"settings":{"text":"Box Shadows","_cssGlobalClasses":["cdaokd"],"tag":"h2"},"label":"Block Heading"},{"id":"397c4d","name":"text-basic","parent":"764979","children":[],"settings":{"text":"These Box Shadows are for general use,&nbsp; .fw-box-shadow","tag":"p","_cssGlobalClasses":["rhdtqj"]},"label":"Block Lede"},{"id":"f4ea66","name":"block","parent":"9f87cb","children":["ab1cc7","202ce5"],"settings":{"_cssGlobalClasses":["tenmiu"]},"label":"Inner Block Wrapper"},{"id":"ab1cc7","name":"block","parent":"f4ea66","children":["232c7e","dea179","297776","cc6df6"],"settings":{"_cssGlobalClasses":["ehnbqd"],"classConverterComponent":true},"label":"WPE Box shadow grid"},{"id":"232c7e","name":"block","parent":"ab1cc7","children":["0b074c"],"settings":{"_cssGlobalClasses":["ylwzwb"]},"label":"Swatch"},{"id":"0b074c","name":"block","parent":"232c7e","children":["f53478"],"settings":{"_cssGlobalClasses":["ugqxsk"],"_cssCustom":"#brxe-0b074c {\n\tbox-shadow: var(--fw-box-shadow--s);\n}"},"label":"Inner"},{"id":"f53478","name":"text-basic","parent":"0b074c","children":[],"settings":{"text":"--s","tag":"p"},"label":"Label"},{"id":"cc6df6","name":"block","parent":"ab1cc7","children":["604938"],"settings":{"_cssGlobalClasses":["ylwzwb"]},"label":"Swatch"},{"id":"604938","name":"block","parent":"cc6df6","children":["ade477"],"settings":{"_cssGlobalClasses":["ugqxsk"],"_cssCustom":"#brxe-604938 {\n\tbox-shadow: var(--fw-box-shadow--xl);\n}"},"label":"Inner"},{"id":"ade477","name":"text-basic","parent":"604938","children":[],"settings":{"text":"--xl","tag":"p"},"label":"Label"},{"id":"297776","name":"block","parent":"ab1cc7","children":["c5b405"],"settings":{"_cssGlobalClasses":["ylwzwb"]},"label":"Swatch"},{"id":"c5b405","name":"block","parent":"297776","children":["f534ec"],"settings":{"_cssGlobalClasses":["ugqxsk"],"_cssCustom":"#brxe-c5b405 {\n\tbox-shadow: var(--fw-box-shadow--l);\n}"},"label":"Inner"},{"id":"f534ec","name":"text-basic","parent":"c5b405","children":[],"settings":{"text":"--l","tag":"p"},"label":"Label"},{"id":"dea179","name":"block","parent":"ab1cc7","children":["dddfc8"],"settings":{"_cssGlobalClasses":["ylwzwb"]},"label":"Swatch"},{"id":"dddfc8","name":"block","parent":"dea179","children":["384d49"],"settings":{"_cssGlobalClasses":["ugqxsk"],"_cssCustom":"#brxe-dddfc8 {\n\tbox-shadow: var(--fw-box-shadow--m);\n}"},"label":"Inner"},{"id":"384d49","name":"text-basic","parent":"dddfc8","children":[],"settings":{"text":"--m","tag":"p"},"label":"Label"},{"id":"202ce5","name":"block","parent":"f4ea66","children":["def00e","7eece2","d7966d","528661"],"settings":{"_cssGlobalClasses":["ehnbqd"],"classConverterComponent":true},"label":"WPE Box shadow grid"},{"id":"def00e","name":"block","parent":"202ce5","children":["1464f2"],"settings":{"_cssGlobalClasses":["ylwzwb"]},"label":"Swatch"},{"id":"1464f2","name":"block","parent":"def00e","children":["ed1b86"],"settings":{"_cssGlobalClasses":["ugqxsk","hhygal"],"_cssCustom":"#brxe-1464f2 {\n\tbox-shadow: var(--fw-box-shadow--s);\n}"},"label":"Inner"},{"id":"ed1b86","name":"text-basic","parent":"1464f2","children":[],"settings":{"text":"--s","tag":"p"},"label":"Label"},{"id":"7eece2","name":"block","parent":"202ce5","children":["65148d"],"settings":{"_cssGlobalClasses":["ylwzwb"]},"label":"Swatch"},{"id":"65148d","name":"block","parent":"7eece2","children":["6017ff"],"settings":{"_cssGlobalClasses":["ugqxsk","hhygal"],"_cssCustom":"#brxe-65148d {\n\tbox-shadow: var(--fw-box-shadow--m);\n}"},"label":"Inner"},{"id":"6017ff","name":"text-basic","parent":"65148d","children":[],"settings":{"text":"--m","tag":"p"},"label":"Label"},{"id":"d7966d","name":"block","parent":"202ce5","children":["d515ed"],"settings":{"_cssGlobalClasses":["ylwzwb"]},"label":"Swatch"},{"id":"d515ed","name":"block","parent":"d7966d","children":["a33a23"],"settings":{"_cssGlobalClasses":["ugqxsk","hhygal"],"_cssCustom":"#brxe-d515ed {\n\tbox-shadow: var(--fw-box-shadow--l);\n}"},"label":"Inner"},{"id":"a33a23","name":"text-basic","parent":"d515ed","children":[],"settings":{"text":"--l","tag":"p"},"label":"Label"},{"id":"528661","name":"block","parent":"202ce5","children":["1c4db2"],"settings":{"_cssGlobalClasses":["ylwzwb"]},"label":"Swatch"},{"id":"1c4db2","name":"block","parent":"528661","children":["a9de72"],"settings":{"_cssGlobalClasses":["ugqxsk","hhygal"],"_cssCustom":"#brxe-1c4db2 {\n\tbox-shadow: var(--fw-box-shadow--xl);\n}"},"label":"Inner"},{"id":"a9de72","name":"text-basic","parent":"1c4db2","children":[],"settings":{"text":"--xl","tag":"p"},"label":"Label"},{"id":"vfvzpt","name":"block","parent":"fee2d3","children":["yeczfi"],"settings":{"_cssGlobalClasses":["tenmiu"]},"label":"Inner Block Wrapper"},{"id":"yeczfi","name":"block","parent":"vfvzpt","children":["fzmzod","dafobm","urtnyg","eplyrz","zrpdii","knkykq","ohrecc","sqgsps"],"settings":{"_cssGlobalClasses":["jqxejm"]},"label":"Button Sample Grid"},{"id":"fzmzod","name":"block","parent":"yeczfi","children":["nzyhsh","prtoqc"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"nzyhsh","name":"button","parent":"fzmzod","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit"],"text":"Button"},"label":"Sample Button"},{"id":"prtoqc","name":"text-basic","parent":"fzmzod","children":[],"settings":{"text":".fw-btn","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"dafobm","name":"block","parent":"yeczfi","children":["dhlbgz","eogcos"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"dhlbgz","name":"button","parent":"dafobm","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","ftyegt"],"text":"Button"},"label":"Sample Button"},{"id":"eogcos","name":"text-basic","parent":"dafobm","children":[],"settings":{"text":".fw-btn<br>.fw-btn--outline","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"urtnyg","name":"block","parent":"yeczfi","children":["ccodmk","nxyfsq"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"ccodmk","name":"button","parent":"urtnyg","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","obtmgw"],"text":"Button"},"label":"Sample Button"},{"id":"nxyfsq","name":"text-basic","parent":"urtnyg","children":[],"settings":{"text":".fw-btn--secondary","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"eplyrz","name":"block","parent":"yeczfi","children":["drvact","xbxvsy"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"drvact","name":"button","parent":"eplyrz","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","obtmgw","ftyegt"],"text":"Button"},"label":"Sample Button"},{"id":"xbxvsy","name":"text-basic","parent":"eplyrz","children":[],"settings":{"text":".fw-btn--secondary<br>.fw-btn--outline","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"zrpdii","name":"block","parent":"yeczfi","children":["sujluw","szeqrn"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"sujluw","name":"button","parent":"zrpdii","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","zlwvqy"],"text":"Button"},"label":"Sample Button"},{"id":"szeqrn","name":"text-basic","parent":"zrpdii","children":[],"settings":{"text":".fw-btn--neutral","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"knkykq","name":"block","parent":"yeczfi","children":["lyswvv","ycamxm"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"lyswvv","name":"button","parent":"knkykq","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","zlwvqy","ftyegt"],"text":"Button"},"label":"Sample Button"},{"id":"ycamxm","name":"text-basic","parent":"knkykq","children":[],"settings":{"text":".fw-btn--neutral<br>.fw-btn--outline","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"ohrecc","name":"block","parent":"yeczfi","children":["oxpvjr","pupryu"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"oxpvjr","name":"button","parent":"ohrecc","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","uqpdqn"],"text":"Button"},"label":"Sample Button"},{"id":"pupryu","name":"text-basic","parent":"ohrecc","children":[],"settings":{"text":".fw-btn--black","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"sqgsps","name":"block","parent":"yeczfi","children":["xbgfat","xwpqll"],"settings":{"_cssGlobalClasses":["yfkiog"]},"label":"Button Block"},{"id":"xbgfat","name":"button","parent":"sqgsps","children":[],"settings":{"_cssGlobalClasses":["kflouo","rhguit","uqpdqn","ftyegt"],"text":"Button"},"label":"Sample Button"},{"id":"xwpqll","name":"text-basic","parent":"sqgsps","children":[],"settings":{"text":".fw-btn--black<br>.fw-btn--outline","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"xrubps","name":"block","parent":"39d387","children":["igwfdz","kqhrqf"],"settings":{"_cssGlobalClasses":["weqyjh"]},"label":"Button Block"},{"id":"igwfdz","name":"button","parent":"xrubps","children":[],"settings":{"_cssGlobalClasses":["rhguit"],"text":"Button"},"label":"Sample Button"},{"id":"kqhrqf","name":"text-basic","parent":"xrubps","children":[],"settings":{"text":".fw-btn","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"},{"id":"amyijt","name":"block","parent":"39d387","children":["hbicvp","nieloi"],"settings":{"_cssGlobalClasses":["weqyjh"]},"label":"Button Block"},{"id":"hbicvp","name":"button","parent":"amyijt","children":[],"settings":{"_cssGlobalClasses":["rhguit","lixpnp"],"text":"Button"},"label":"Sample Button"},{"id":"nieloi","name":"text-basic","parent":"amyijt","children":[],"settings":{"text":".fw-btn.fw-btn--l","tag":"span","_cssGlobalClasses":["mwbzis"]},"label":"Sample Button Classes"}],"source":"bricksCopiedElements","sourceUrl":"https://bricksbits.co","version":"1.11","globalClasses":[{"id":"jqqtmd","name":"wpe-style-guide-v1","settings":{"_cssCustom":".wpe-style-guide-v1 {\n\trow-gap: var(--fw-content-gap);\n}\n \n.wpe-style-guide-v1__block-wrapper{\n background: var(--fw-neutral-l-5);\n border-radius: var(--fw-radius);\n border: 1px solid var(--fw-neutral-t-5); \n padding: var(--fw-space--m); \n row-gap: var(--fw-content-gap);\n}\n\n.wpe-style-guide-v1__inner-block-wrapper{\n background: var(--fw-white);\n border-radius: var(--fw-radius--s);\n border: 1px solid var(--fw-neutral-t-6); \n padding: var(--fw-space--s); \n row-gap: calc(var(--fw-content-gap));\n}"},"modified":1729050820,"user_id":1},{"id":"cqwsfg","name":"wpe-intro-v1","settings":{"_cssCustom":"/*###################################\nWP Easy Standard Bricks Builder notes:\n\nFor reusable templates all settings are done here. No settings are done in the Bricks Settings UI.\n- This code should be on the BEM Block level. \n- Do not add CSS to BEM Elements.\n- Do not add CSS to separate BEM Modifier classes\n\nFor Modifiers, create them all here. That way, when a single instance of this template is imported, it contains all the modifiers as well.\n####################################*/\n\n/*###################################\nROOT SETTINGS\n - All settings should be CSS variables. That it is easy to create modifiers and target with upstream CSS selectors. \n - For the BEM Block, prefix the variable with --root-\n - For the BEM Elements, prefix the variable with the element name\n - After the prefix, the variables should be a close match to the CSSP property names wherever possible.\n####################################*/\n.wpe-intro-v1 { \n --root-row-gap: var(--fw-content-gap);\n --root-align-items: center;\n --root-text-align: center;\n\t\n --header-font-size:var(--fw-h2);\n --header-color: var(--at-neutral);\n \n --accent-text-font-size:var(--fw-text--m); \n --accent-text-color: var(--at-secondary); \n --accent-text-order: -1;\n \n --lede-max-width: 80ch;\n}\n\n\n/*###################################\nBEM RULES\n####################################*/\n.wpe-intro-v1 {\n display: flex;\n flex-direction: column;\n width: 100%;\n\trow-gap: var(--root-row-gap); \n align-items: var(--root-align-items);\n text-align: var(--root-text-align);\n}\n\n:where(.wpe-intro-v1__header) {\n\talign-items: var(--root-align-items);\n text-align: var(--root-text-align);\n}\n\n:where(.wpe-intro-v1__heading) {\n\tfont-size: var(--header-font-size);\n color: var(--header-color);\n}\n\n:where(.wpe-intro-v1__accent-text) {\n\tfont-size: var(--accent-text-font-size);\n color: var(--accent-text-color);\n line-height: 1;\n order: var(--accent-text-order);\n}\n\n.wpe-intro-v1__lede {\n\tmax-width: var(--lede-max-width);\n}\n\n/*###################################\nMODIFIERS\n####################################*/\n.wpe-intro-v1--left {\n\t--root-align-items: flex-start;\n --root-text-align: left;\n}\n.wpe-intro-v1--right {\n\t--root-align-items: flex-end;\n --root-text-align: right;\n}\n\n","_justifyContent":"center"},"modified":1727317717,"user_id":1},{"id":"nktita","name":"wpe-intro-v1--left","settings":[]},{"id":"aydnmn","name":"wpe-intro-v1__header","settings":{"_display":"flex","_width":"100%","_direction":"column","_rowGap":"0"},"modified":1721004875,"user_id":1},{"id":"lseqms","name":"wpe-intro-v1__accent-text","settings":{"_interactions":[{"id":"uulzde","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDelay":"0.3s","animationDuration":"var(--wpe-animation-duration--slow)"}]},"modified":1722907094,"user_id":1},{"id":"cwhnbn","name":"wpe-accent-text","settings":{"_typography":{"text-transform":"uppercase","letter-spacing":"3","color":{"id":"cdhfgu","name":"Secondary","raw":"var(--fw-secondary)","rawValue":{"light":"hsla(47, 34%, 45%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["mmlscd","kfkqib","zqsbnt","vttelq","cemssl","yclqmx","quzama","pmwvzq","gxxdev","iiqwjv","ftloie","icsjen","amsvsi","sgmggk","lkryvc","gsvhpj","pyacoh","cictzd"],"isExpanded":false},"font-size":"var(--fw-text--m)","font-weight":"600"}},"modified":1729128997,"user_id":1},{"id":"mjjnlw","name":"wpe-custom-animations","settings":{"_cssCustom":"/* Available globally */\n:root {\n --wpe-transition-distance: 10px;\n\n /* use as globals if you wish to \n e.g. var(--wpe-animation-duration--fast);\n */\n\n --wpe-animation-duration--fast: 0.2s;\n --wpe-animation-duration--medium: 0.6s;\n --wpe-animation-duration--slow: 1s;\n --wpe-animation-duration--very-slow: 2s;\n --wpe-animation-timing-function--default: ease-in-out;\n\n}\n\n/* Available to CSS Class */\n.wpe-custom-animations {\n /* \n Vars for staggering \n Do not set Duration, Delay & Timing Function in Bricks UI when using Stagger\n To set defaults for the following, set the style attribute at ID or unique class level. \n Set: --wpe-stagger-step-base, --wpe-animation-delay-base, --wpe-animation-duration-base, --wpe-animation-timing-function-base\n */\n --wpe-stagger-step: var(--wpe-stagger-step-base, 0.2s);\n --wpe-animation-delay: var(--wpe-animation-delay-base, 0s);\n --wpe-animation-duration: var(--wpe-animation-duration-base, 0.6s);\n --wpe-animation-timing-function: var(--wpe-animation-timing-function-base, ease);\n}\n\n.wpe-custom-animations [class*=\"brx-animate-fade\"] {\n\topacity: 0;\n}\n/*###################################\n Bricks Animations Overrides\n ####################################*/\n/* Form Left */\n.wpe-custom-animations .brx-animate-fadeInLeft,\n.wpe-custom-animations.brx-animate-fadeInLeft {\n animation-name: wpe-fadeInLeft;\n}\n\n@keyframes wpe-fadeInLeft {\n 0% {\n opacity: 0;\n transform: translateX(calc(-1 * var(--wpe-transition-distance)));\n }\n\n 100% {\n opacity: 1;\n transform: none;\n }\n}\n\n/* form right */\n.wpe-custom-animations .brx-animate-fadeInRight,\n.wpe-custom-animations.brx-animate-fadeInRight {\n animation-name: wpe-fadeInRight;\n}\n\n@keyframes wpe-fadeInRight {\n 0% {\n opacity: 0;\n transform: translateX(var(--wpe-transition-distance));\n }\n\n 100% {\n opacity: 1;\n transform: none;\n }\n}\n\n/* Form top */\n.wpe-custom-animations .brx-animate-fadeInDown,\n.wpe-custom-animations.brx-animate-fadeInDown {\n animation-name: wpe-fadeInDown;\n}\n\n@keyframes wpe-fadeInDown {\n 0% {\n opacity: 0;\n transform: translateY(calc(-1 * var(--wpe-transition-distance)));\n }\n\n 100% {\n opacity: 1;\n transform: none;\n }\n}\n\n/* form bottom */\n.wpe-custom-animations .brx-animate-fadeInUp,\n.wpe-custom-animations.brx-animate-fadeInUp {\n animation-name: wpe-fadeInUp;\n}\n\n@keyframes wpe-fadeInUp {\n 0% {\n opacity: 0;\n transform: translateY(var(--wpe-transition-distance));\n }\n\n 100% {\n opacity: 1;\n transform: none;\n }\n}\n\n\n\n/*###################################\n MODIFIERS\n ####################################*/\n/* stagger Delay */\n\n.wpe-custom-animations--stagger-delay>* {\n animation-delay: var(--wpe-animation-delay-x) !important;\n animation-timing-function: var(--wpe-animation-timing-function) !important;\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(1) {\n --wpe-animation-delay-x: var(--wpe-animation-delay);\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(2) {\n --wpe-animation-delay-x: calc(var(--wpe-stagger-step) + var(--wpe-animation-delay));\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(3) {\n --wpe-animation-delay-x: calc(2 * var(--wpe-stagger-step) + var(--wpe-animation-delay));\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(4) {\n --wpe-animation-delay-x: calc(3 * var(--wpe-stagger-step) + var(--wpe-animation-delay));\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(5) {\n --wpe-animation-delay-x: calc(4 * var(--wpe-stagger-step) + var(--wpe-animation-delay));\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(6) {\n --wpe-animation-delay-x: calc(5 * var(--wpe-stagger-step) + var(--wpe-animation-delay));\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(7) {\n --wpe-animation-delay-x: calc(6 * var(--wpe-stagger-step) + var(--wpe-animation-delay));\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(8) {\n --wpe-animation-delay-x: calc(7 * var(--wpe-stagger-step) + var(--wpe-animation-delay));\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(9) {\n --wpe-animation-delay-x: calc(8 * var(--wpe-stagger-step) + var(--wpe-animation-delay));\n}\n\n.wpe-custom-animations--stagger-delay>*:nth-of-type(10) {\n --wpe-animation-delay-x: calc(9 * var(--wpe-stagger-step) + var(--wpe-animation-delay));\n}\n\n/* stagger Duration */\n\n.wpe-custom-animations--stagger-duration>* {\n animation-duration: var(--wpe-animation-duration-x) !important;\n animation-timing-function: var(--wpe-animation-timing-function) !important;\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(1) {\n --wpe-animation-duration-x: var(--wpe-animation-duration);\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(2) {\n --wpe-animation-duration-x: calc(var(--wpe-animation-duration) + var(--wpe-stagger-step));\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(3) {\n --wpe-animation-duration-x: calc(2 * var(--wpe-stagger-step) + var(--wpe-animation-duration));\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(4) {\n --wpe-animation-duration-x: calc(3 * var(--wpe-stagger-step) + var(--wpe-animation-duration));\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(5) {\n --wpe-animation-duration-x: calc(4 * var(--wpe-stagger-step) + var(--wpe-animation-duration));\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(6) {\n --wpe-animation-duration-x: calc(5 * var(--wpe-stagger-step) + var(--wpe-animation-duration));\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(7) {\n --wpe-animation-duration-x: calc(6 * var(--wpe-stagger-step) + var(--wpe-animation-duration));\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(8) {\n --wpe-animation-duration-x: calc(7 * var(--wpe-stagger-step) + var(--wpe-animation-duration));\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(9) {\n --wpe-animation-duration-x: calc(8 * var(--wpe-stagger-step) + var(--wpe-animation-duration));\n}\n\n.wpe-custom-animations--stagger-duration>*:nth-of-type(10) {\n --wpe-animation-duration-x: calc(9 * var(--wpe-stagger-step) + var(--wpe-animation-duration));\n}\n\n"},"modified":1729129109,"user_id":1},{"id":"evsuvn","name":"wpe-intro-v1__lede","settings":{"_interactions":[{"id":"abgtxc","trigger":"enterView","action":"startAnimation","animationType":"fadeIn","animationDelay":"0.2s","animationDuration":"var(--wpe-animation-duration--very-slow)"}]}},{"id":"bydnry","name":"wpe-style-guide-v1__page-heading","settings":[]},{"id":"opnzrx","name":"wpe-style-guide-v1__page-header","settings":{"_direction":"row","_alignItems":"center","_columnGap":"var(--fw-space--m)"}},{"id":"kbrbpn","name":"wpe-style-guide-v1__version-text","settings":[]},{"id":"mfjlkw","name":"wpe-style-guide-v1__block-wrapper","settings":{"_background":{"color":{"raw":"var(--fw-neutral-l-5)","rawValue":{"light":"hsla(0, 0%, 92%, 1)","dark":"hsla(0,0%,16.86%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":4}}},"modified":1729050820,"user_id":1},{"id":"fotfgm","name":"wpe-style-guide-v1__block-header","settings":[],"modified":1727043597,"user_id":1},{"id":"cdaokd","name":"wpe-style-guide-v1__block-heading","settings":[]},{"id":"rhdtqj","name":"wpe-style-guide-v1__block-lede","settings":[]},{"id":"tenmiu","name":"wpe-style-guide-v1__inner-block-wrapper","settings":{"_background":{"color":{"raw":"var(--fw-white)","rawValue":{"light":"hsla(0, 0%, 100%, 1)","dark":"#000000"},"id":"lwvfjg","name":"White","complementaryChildren":[],"shadeChildren":["yaklyg","iilnyz","enkxmv","xffkmo","mjgteq","bsnepw"],"isExpanded":false}}},"modified":1727044421,"user_id":1},{"id":"evdyww","name":"wpe-label-value-grid","settings":{"_cssCustom":".wpe-label-value-grid {\n --root-row-gap: var(--fw-space--xs);\n \n\t--row-grid-template-columns: 20ch 1fr;\n --row-grid-gap: var(--fw-grid-gap);\n --row-grid-border-bottom: 1px solid var(--fw-black-t-6);\n --row-grid-padding-block: var(--root-row-gap);\n}\n.wpe-label-value-grid {\n\tpadding: 0;\n margin: 0;\n row-gap: var(--root-row-gap);\n}\n.wpe-label-value-grid__row {\n\tdisplay: grid;\n grid-template-columns: var(--row-grid-template-columns);\n gap: var(--row-grid-gap);\n align-items: center;\n border-bottom: var(--row-grid-border-bottom);\n padding-block: var(--row-grid-padding-block);\n}\n\n@media(max-width: 478px){\n .wpe-label-value-grid{\n --row-grid-template-columns: 1fr !important;\n --row-grid-gap: 0; \n }\n}\n\n\n.wpe-label-value-grid--label-wide{\n --row-grid-template-columns: 35ch 1fr;\n}"},"modified":1729481110,"user_id":1},{"id":"eoqnjg","name":"wpe-label-value-grid__row","settings":[]},{"id":"zglinz","name":"wpe-label-value-grid__label","settings":[]},{"id":"magwkq","name":"wpe-label-value-grid__value","settings":[]},{"id":"snjkcs","name":"wpe-label-value-grid--label-wide","settings":[]},{"id":"axlqsj","name":"wpe-label-value-grid__value-wrapper","settings":{"_direction":"row","_columnGap":"var(--fw-space--s)"}},{"id":"ofkxnj","name":"wpe-label-value-grid__suffix","settings":[]},{"id":"wosnox","name":"wpe-swatch-grid","settings":{"_cssCustom":"\n\n\n\n.wpe-swatch-grid{\n\t--item-min-height: 160px;\n --item-border-radius: var(--fw-radius--s); \n --item-head-padding: var(--fw-space--s);\n \n --label-row-column-gap: var(--fw-space--xs); \n --label-row-padding: var(--fw-space--xs); \n --label-row-justify-content: center;\n --label-row-color: white;\n --label-row-text-shadow: 1px 1px 1px #000;\n \n --swatch-variation-width: 10px;\n --swatch-variation-width-hover: 30px;\n --swatch-variation-aspect-ratio: 1;\n --swatch-variation-border: 1px solid var(--neutral-t-5);\n --swatch-variation-border-radius: 50%;\n --swatch-variation-margin-bottom: 0;\n}\n\n\n.wpe-swatch-grid__item{\n min-height: var(--item-min-height);\n isolation: isolate;\n position: relative;\n isolation: isolate;\n border-radius: var(--item-border-radius); \n}\n\n.wpe-swatch-grid__item-head{\n padding: var(--item-head-padding);\n flex-direction: row;\n justify-content: space-between;\n}\n.wpe-swatch-grid__label-row{\n\tflex-direction: row;\n column-gap: var(--label-row-column-gap); \n padding: var(--label-row-padding); \n justify-content: var(--label-row-justify-content); \n color: var(--label-row-color);\n text-shadow: var(--label-row-text-shadow);\n}\n\n.wpe-swatch-grid__swatch-label{\n\t\n}\n\n.wpe-swatch-grid__swatch-value{\n\t\n}\n\n.wpe-swatch-grid__swatch-variation-set{\n\tposition: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: -1;\n}\n.wpe-swatch-grid__swatch-variation-set:nth-child(1){\n left: var(--item-head-padding);\n}\n.wpe-swatch-grid__swatch-variation-set:nth-child(2){\n right: var(--item-head-padding);\n}\n\n.wpe-swatch-grid__swatch-variation{\n border-radius: var(--swatch-variation-border-radius);\n\twidth: var(--swatch-variation-width);\n aspect-ratio: var(--swatch-variation-aspect-ratio);\n min-height: unset;\n min-width: unset;\n border: var(--swatch-variation-border);\n margin-bottom: var(--swatch-variation-margin-bottom);\n transition: all var(--wpe-animation-duration--medium) ease;\n}\n\n\n.wpe-swatch-grid__item:hover{\n --swatch-variation-margin-bottom: 5px;\n --swatch-variation-width: var(--swatch-variation-width-hover);\n}\n\n\n\n","_display":"grid","_gridGap":"var(--fw-grid-gap)","_gridTemplateColumns":"var(--fw-grid--4)","_gridTemplateColumns:mobile_portrait":"var(--fw-grid--1)"}},{"id":"ndsuxv","name":"wpe-swatch-grid__item","settings":{"_background":{"color":{"id":"cdhfgu","name":"Secondary","raw":"var(--secondary)","rawValue":{"light":"hsla(300, 100%, 37%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["mmlscd","kfkqib","zqsbnt","vttelq","cemssl","yclqmx","quzama","pmwvzq","gxxdev","iiqwjv","ftloie","icsjen","amsvsi","sgmggk","lkryvc","gsvhpj","pyacoh","cictzd"],"isExpanded":false}},"_flexWrap:mobile_portrait":"nowrap","_direction:mobile_portrait":"column","_flexWrap:mobile_landscape":"nowrap"}},{"id":"kaavlc","name":"wpe-swatch-grid__swatch-variation-set","settings":[],"modified":1729050137,"user_id":1},{"id":"dyrxmv","name":"wpe-swatch-grid__swatch-variation","settings":{"_background":{"color":{"id":"hukbbd","name":"primary-l-6","raw":"var(--at-primary-l-6)","rawValue":{"light":"hsla(42,100%,98.04%,1)","dark":"hsla(42,100%,1.96%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"jmkexg","shadeOrder":5}},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"id":"igrmqx","name":"neutral-l-3","raw":"var(--fw-neutral-l-3)","rawValue":{"light":"hsla(0,0%,53.33%,1)","dark":"hsla(0,0%,46.67%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":2}}},"modified":1729128804,"user_id":1},{"id":"ivaprg","name":"wpe-swatch-grid__label-row","settings":[]},{"id":"kpfcxj","name":"wpe-swatch-grid__swatch-label","settings":[]},{"id":"kdeoho","name":"wpe-swatch-grid__swatch-value","settings":[]},{"id":"dpiuhg","name":"wpe-style-guide-v1__weight-wrapper","settings":{"_direction":"row","_rowGap":"var(--fw-grid-gap)","_columnGap":"var(--fw-grid-gap)"}},{"id":"avplar","name":"wpe-style-guide-v1__weight-item","settings":{"_typography":{"font-weight":"700"},"_widthMax":"15ch","_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#d4d4d4","id":"tvcght","name":"fw-neutral-l-4"},"radius":{"top":"var(--fw-radius--s)","right":"var(--fw-radius--s)","bottom":"var(--fw-radius--s)","left":"var(--fw-radius--s)"}},"_padding":{"top":"var(--fw-space--s)","right":"var(--fw-space--s)","bottom":"var(--fw-space--s)","left":"var(--fw-space--s)"},"_rowGap":"0","_alignItems":"center","_justifyContent":"center"},"modified":1729481110,"user_id":1},{"id":"etpjev","name":"wpe-style-guide-v1__weight-sample","settings":{"_typography":{"font-size":"var(--fw-h2)","text-align":"center"}}},{"id":"aobqld","name":"wpe-style-guide-v1__weight-text","settings":[]},{"id":"lcseua","name":"wpe-style-guide-v1__text","settings":[]},{"id":"rhguit","name":"fw-btn","settings":{"_cssCustom":".fw-btn{\n --root-bg: var(--fw-primary);\n --root-border-color: var(--fw-primary);\n --root-color: var(--fw-primary-l-6);\n \n --root-bg--hover: var(--fw-primary-d-2);\n --root-border-color--hover: var(--fw-primary-d-2);\n --root-color--hover: var(--fw-primary-l-5);\n \n --root-block-padding: 0.7em;\n --root-inline-padding: 0.7em;\n --root-font-size: var(--fw-text--m);\n \n --root-border-radius: var(--fw-radius);\n --root-border-width: 2px;\n --root-font-weight: 600;\n}\n\n/* needs body to increase specificity and override bricks defalts */\nbody .fw-btn{\n transition: all var(--fw-transition-duration--fast) ease;\n line-height: 1;\n font-size: var(--root-font-size);\n font-weight: var(--root-font-weight);\n background: var(--root-bg);\n color: var(--root-color);\n border: var(--root-border-width) solid var(--root-border-color) ;\n border-radius: var(--root-border-radius);\n padding-block: var(--root-block-padding);\n padding-inline: var(--root-inline-padding);\n \n}\n\n/* Hover state */\nbody .fw-btn:hover{\n --root-bg: var(--root-bg--hover);\n --root-border-color: var(--root-border-color--hover);\n --root-color: var(--root-color--hover);\n}\n\n/** MODIFIERS */\n.fw-btn--secondary{\n --root-bg: var(--fw-secondary);\n --root-border-color: var(--fw-secondary);\n --root-color: var(--fw-secondary-l-6);\n \n --root-bg--hover: var(--fw-secondary-d-2);\n --root-border-color--hover: var(--fw-secondary-d-2);\n --root-color--hover: var(--fw-secondary-l-5);\n}\n\n.fw-btn--neutral{\n --root-bg: var(--fw-neutral);\n --root-border-color: var(--fw-neutral);\n --root-color: var(--fw-neutral-l-6);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5);\n \n}\n\n.fw-btn--black{\n --root-bg: var(--fw-black);\n --root-border-color: var(--fw-black);\n --root-color: var(--fw-neutral-l-6);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5); \n \n} \n\n.fw-btn--white{\n --root-bg: var(--fw-white);\n --root-border-color: var(--fw-white);\n --root-color: var(--fw-neutral-d-6);\n \n --root-bg--hover: var(--fw-neutral-l-2);\n --root-border-color--hover: var(--fw-neutral-l-2);\n --root-color--hover: var(--fw-neutral-d-5); \n \n}\n\n.fw-btn.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-primary);\n --root-color: var(--fw-primary);\n \n --root-bg--hover: var(--fw-primary-d-2);\n --root-border-color--hover: var(--fw-primary-d-2);\n --root-color--hover: var(--fw-primary-l-5);\n}\n\n.fw-btn--secondary.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-secondary);\n --root-color: var(--fw-secondary);\n \n --root-bg--hover: var(--fw-secondary-d-2);\n --root-border-color--hover: var(--fw-secondary-d-2);\n --root-color--hover: var(--fw-secondary-l-5);\n}\n\n.fw-btn--neutral.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-neutral);\n --root-color: var(--fw-neutral);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5);\n}\n\n\n.fw-btn--black.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-black);\n --root-color: var(--fw-black);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5);\n}\n\n.fw-btn--white.fw-btn--outline{\n --root-bg: transparent;\n --root-border-color: var(--fw-white);\n --root-color: var(--fw-white);\n \n --root-bg--hover: var(--fw-neutral-d-2);\n --root-border-color--hover: var(--fw-neutral-d-2);\n --root-color--hover: var(--fw-neutral-l-5);\n}\n\n.fw-btn--s{\n --root-block-padding: 0.7em;\n --root-inline-padding: 0.7em;\n --root-font-size: var(--fw-text--s);\n}\n.fw-btn--l{\n --root-block-padding: 0.7em;\n --root-inline-padding: 0.7em;\n --root-font-size: var(--fw-text--l);\n}"},"modified":1729483541,"user_id":1},{"id":"weqyjh","name":"fw-btn--s","settings":[]},{"id":"mwbzis","name":"wpe-style-guide-v1__sample-button-classes","settings":[],"modified":1729481110,"user_id":1},{"id":"jqxejm","name":"wpe-style-guide-v1__button-sample-grid","settings":{"_display":"grid","_gridTemplateColumns":"var(--fw-grid--4)","_gridGap":"var(--fw-grid-gap)","_gridTemplateColumns:mobile_portrait":"var(--fw-grid--2)"},"modified":1727044702,"user_id":1},{"id":"obvqnc","name":"wpe-style-guide-v1__inner-block-wrapper--dark","settings":{"_background":{"color":{"raw":"var(--fw-neutral-d-6)","rawValue":{"light":"hsla(0,0%,5.1%,1)","dark":"hsla(0,0%,94.9%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Dark","shadeParent":"avbees","shadeOrder":5}},"_typography":{"color":{"hex":"#e3e3e3","id":"khenbi","name":"fw-neutral-l-5"}}},"modified":1729490476,"user_id":1},{"id":"yfkiog","name":"wpe-style-guide-v1__button-block","settings":{"_alignItems":"center"}},{"id":"kflouo","name":"wpe-style-guide-v1__sample-button","settings":{"style":"primary","_width":"100% !important"}},{"id":"obtmgw","name":"fw-btn--secondary","settings":{"_cssCustom":"\n\n"},"modified":1729482769,"user_id":1},{"id":"ftyegt","name":"fw-btn--outline","settings":[]},{"id":"zlwvqy","name":"fw-btn--neutral","settings":[],"modified":1729482769,"user_id":1},{"id":"ugrwsv","name":"fw-btn--white","settings":[],"modified":1729482769,"user_id":1},{"id":"jpekaa","name":"wpe-size-indicator","settings":{"_cssCustom":".wpe-size-indicator {\n\tflex-direction: row;\n column-gap: var(--fw-space--s);\n align-items: center;\n}\n.wpe-size-indicator__marker {\n\tmin-width: unset;\n min-height: unset;\n height: 8px;\n width: var(--width); /* Set on data attribute */\n border-radius: var(--fw-radius);\n background: var(--primary);\n}"}},{"id":"llyegk","name":"wpe-style-guide-v1__wpe-size-indicator","settings":[]},{"id":"knuwxx","name":"wpe-size-indicator__marker","settings":[]},{"id":"ccgimf","name":"wpe-style-guide-v1__marker","settings":{"_background":{"color":{"raw":"var(--fw-primary)","rawValue":{"light":"hsla(45, 100%, 51.4%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["epwmex","waaops","kzzrsi","mfmggh","mtdslo","hukbbd","mlmgxs","zsdlih","okiswi","mjnkvo","ybgvat","lxbtgu","wntktd","ssuxnl","selknn","aftulm","evufql","tlqnpp"],"isExpanded":false}}},"modified":1729050969,"user_id":1},{"id":"dzejcg","name":"wpe-size-indicator__label","settings":[]},{"id":"nckidy","name":"wpe-style-guide-v1__label","settings":[]},{"id":"jwawcb","name":"wpe-grid-2-col","settings":{"_gridTemplateColumns:mobile_portrait":"var(--fw-grid--1)","_display":"grid","_gridGap":"var(--fw-grid-gap)","_gridTemplateColumns":"var(--fw-grid--2)"}},{"id":"muzcob","name":"wpe-style-guide-v1__wpe-grid-2-col","settings":[]},{"id":"isehzi","name":"wpe-style-guide-v1__heading","settings":[]},{"id":"ssjsqe","name":"wpe-grid-3-col","settings":{"_display":"grid","_gridGap":"var(--fw-grid-gap)","_gridTemplateColumns":"var(--fw-grid--3)","_gridTemplateColumns:mobile_portrait":"var(--fw-grid--1)","_display:tablet_portrait":"grid","_gridGap:tablet_portrait":"var(--fw-grid-gap)","_gridTemplateColumns:tablet_portrait":"var(--fw-grid--3)"},"modified":1726451837,"user_id":1},{"id":"ozjvvu","name":"wpe-grid--gap-s","settings":{"_gridGap":"var(--fw-space--s)"}},{"id":"cssjco","name":"wpe-style-guide-v1__wpe-grid-3-col","settings":{"_display:tablet_portrait":"grid","_gridGap:tablet_portrait":"var(--fw-grid-gap)","_gridTemplateColumns:tablet_portrait":"var(--fw-grid--3)","_gridTemplateColumns:mobile_portrait":"var(--fw-grid--1)"}},{"id":"wfxgub","name":"block-placeholder","settings":{"_background":{"color":{"raw":"var(--fw-primary)","rawValue":{"light":"hsla(45, 100%, 51.4%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["epwmex","waaops","kzzrsi","mfmggh","mtdslo","hukbbd","mlmgxs","zsdlih","okiswi","mjnkvo","ybgvat","lxbtgu","wntktd","ssuxnl","selknn","aftulm","evufql","tlqnpp"],"isExpanded":false}},"_padding":{"top":"var(--fw-space--m)","right":"var(--fw-space--m)","bottom":"var(--fw-space--m)","left":"var(--fw-space--m)"},"_typography":{"font-size":"var(--fw-text--s)","color":{"raw":"var(--fw-primary-l-6)","rawValue":{"light":"hsla(42,100%,98.04%,1)","dark":"hsla(42,100%,1.96%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"jmkexg","shadeOrder":5}},"_border":{"radius":{"top":"var(--fw-radius--l)","right":"var(--fw-radius--l)","bottom":"var(--fw-radius--l)","left":"var(--fw-radius--l)"}}},"modified":1729051532,"user_id":1},{"id":"sdpnit","name":"block-placeholder__text-basic","settings":[]},{"id":"wappsd","name":"wpe-style-guide-v1__style-guide-code","settings":[]},{"id":"ehnbqd","name":"wpe-box-shadow-grid","settings":{"_gridTemplateColumns:mobile_portrait":"var(--fw-grid--2)","_display":"grid","_gridGap":"var(--fw-grid-gap)","_gridTemplateColumns":"var(--fw-grid--4)"},"modified":1727044966,"user_id":1},{"id":"ylwzwb","name":"wpe-box-shadow-grid__swatch","settings":{"_padding":{"top":"var(--fw-space--s)","right":"var(--fw-space--s)","bottom":"var(--fw-space--s)","left":"var(--fw-space--s)"}},"modified":1727043146,"user_id":1},{"id":"ugqxsk","name":"wpe-box-shadow-grid__inner","settings":{"_background":{"color":{"id":"avbees","name":"Neutral","raw":"var(--fw-neutral)","rawValue":{"light":"hsla(0, 0%, 9%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["rxtcce","sjuohh","igrmqx","jrqjvb","qyuoxn","fqjuij","ryctbs","qlygim","ndpxdj","nbirps","rvbktn","sjxrss","npsmqq","pyosrt","bhorxy","ucktbz","ycrdss","mblmda"],"isExpanded":true}},"_typography":{"color":{"id":"qyuoxn","name":"neutral-l-5","raw":"var(--fw-neutral-l-5)","rawValue":{"light":"hsla(0, 0%, 92%, 1)","dark":"hsla(0,0%,16.86%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":4}},"_border":{"radius":{"top":"var(--fw-radius)","right":"var(--fw-radius)","bottom":"var(--fw-radius)","left":"var(--fw-radius)"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#f2f2f2","id":"ovucgj","name":"fw-neutral-l-6"}},"_padding":{"top":"var(--fw-space--s)","right":"var(--fw-space--s)","bottom":"var(--fw-space--s)","left":"var(--fw-space--s)"},"_alignItems":"center","_justifyContent":"center"},"modified":1729128761,"user_id":1},{"id":"hhygal","name":"wpe-box-shadow-grid__inner--white","settings":{"_background":{"color":{"id":"lwvfjg","name":"White","raw":"var(--fw-white)","rawValue":{"light":"hsla(0, 0%, 100%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["yaklyg","iilnyz","enkxmv","xffkmo","mjgteq","bsnepw"],"isExpanded":false}},"_typography":{"color":{"id":"sjuohh","name":"neutral-l-2","raw":"var(--fw-neutral-l-2)","rawValue":{"light":"hsla(0,0%,38.82%,1)","dark":"hsla(0,0%,61.18%,1)"},"isShade":true,"shadeMode":"auto","shadeType":"Light","shadeParent":"avbees","shadeOrder":1}}},"modified":1729128761,"user_id":1},{"id":"uqpdqn","name":"fw-btn--black","settings":[],"modified":1729482769,"user_id":1},{"id":"lixpnp","name":"fw-btn--l","settings":[]}],"globalElements":[]}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment