preons
Version:
Functional css library and utility belt
1,328 lines • 171 kB
JSON
{
"preons": {
"baseline": "1.6rem",
"rules": {
"theme-colors": {
"black": "#000000",
"white": "#ffffff",
"transparent": "transparent",
"hotpinkxl": "#f188bc",
"hotpinkl": "#f36fb0",
"hotpink": "#ea2889",
"hotpinkd": "#cc0f6d",
"hotpinkxd": "#900148",
"greyxl": "#f0f2ff",
"greyl": "#dedbe2",
"grey": "#b2b6ca",
"greyd": "#5a5573",
"greyxd": "#4d4c51",
"yellowxl": "#f8f8b7",
"yellowl": "#f1f16f",
"yellow": "#eaea28",
"yellowd": "#d6d615",
"yellowxd": "#b2b211",
"redxl": "#f3a6a6",
"redl": "#ec7272",
"red": "#e53e3e",
"redd": "#cd1c1c",
"redxd": "#991515",
"purplexl": "#c493f4",
"purplel": "#a65eef",
"purple": "#8928ea",
"purpled": "#6c13c4",
"purplexd": "#5810a0",
"orangexl": "#f4c493",
"orangel": "#efa65e",
"orange": "#ea8928",
"oranged": "#d67515",
"orangexd": "#b26211",
"limexl": "#c4f493",
"limel": "#a6ef5e",
"lime": "#89ea28",
"limed": "#6cc413",
"limexd": "#4e8e0e",
"lilacxl": "#f3effd",
"lilacl": "#e6dff7",
"lilac": "#c4b4ea",
"lilacd": "#b3a0de",
"lilacxd": "#988bb7",
"greenxl": "#00ce00",
"greenl": "#00a700",
"green": "#008000",
"greend": "#006c00",
"greenxd": "#005900",
"bluexl": "#99c8fb",
"bluel": "#68a9f1",
"blue": "#2889ea",
"blued": "#126eca",
"bluexd": "#0c59a7",
"off-whitel": "#fbfbff",
"off-white": "#f3f3f7",
"off-whited": "#e4e7f7"
},
"border-style": {
"solid": "solid",
"dotted": "dotted",
"dashed": "dashed"
},
"list-style": {
"circle": "circle",
"disc": "disc",
"square": "square",
"decimal": "decimal",
"none": "none",
"decimal-leading-zero": "decimal-leading-zero"
},
"overflow": {
"scroll": "scroll",
"hidden": "hidden",
"visible": "visible",
"auto": "auto",
"none": "none"
},
"scaled": {
"0": 0,
"1": "$baseline * 1",
"2": "$baseline * 2",
"3": "$baseline * 3",
"4": "$baseline * 4",
"5": "$baseline * 5",
"6": "$baseline * 6",
"7": "$baseline * 7",
"8": "$baseline * 8",
"9": "$baseline * 9",
"10": "$baseline * 10",
"11": "$baseline * 11",
"12": "$baseline * 12"
},
"negative-scaled": {
"1x": "-1rem",
"2x": "-2rem",
"3x": "-3rem",
"4x": "-4rem",
"5x": "-5rem",
"6x": "-6rem",
"7x": "-7rem",
"8x": "-8rem",
"9x": "-9rem",
"10x": "-10rem"
},
"baselined": {
"1": "$baseline * 0.5",
"2": "$baseline * 1",
"3": "$baseline * 1.5",
"4": "$baseline * 2",
"5": "$baseline * 2.5",
"6": "$baseline * 3",
"7": "$baseline * 3.5",
"8": "$baseline * 4",
"9": "$baseline * 4.5",
"10": "$baseline * 5",
"11": "$baseline * 5.5",
"12": "$baseline * 6"
},
"decimal": {
"0": 0,
"-10": 0.1,
"-20": 0.2,
"-30": 0.3,
"-40": 0.4,
"-50": 0.5,
"-60": 0.6,
"-70": 0.7,
"-80": 0.8,
"-90": 0.9,
"-100": 1
},
"percentaged": {
"-5": "5%",
"-10": "10%",
"-15": "15%",
"-20": "20%",
"-25": "25%",
"-30": "30%",
"-35": "35%",
"-40": "40%",
"-45": "45%",
"-50": "50%",
"-55": "55%",
"-60": "60%",
"-65": "65%",
"-70": "70%",
"-75": "75%",
"-80": "80%",
"-85": "85%",
"-90": "90%",
"-95": "95%",
"-100": "100%"
},
"discrete-percentage": {
"-1-12": "100% / 12",
"-2-12": "100% / 12 * 2",
"-3-12": "100% / 12 * 3",
"-4-12": "100% / 12 * 4",
"-5-12": "100% / 12 * 5",
"-6-12": "100% / 12 * 6",
"-7-12": "100% / 12 * 7",
"-8-12": "100% / 12 * 8",
"-9-12": "100% / 12 * 9",
"-10-12": "100% / 12 * 10",
"-11-12": "100% / 12 * 11",
"-12-12": "100% / 12 * 12"
},
"special-sizes": {
"n": "none",
"-au": "auto"
},
"tiny": {
"0": 0,
"1": "1px",
"2": "2px",
"3": "3px",
"4": "4px",
"5": "5px",
"6": "6px",
"7": "7px",
"8": "8px",
"9": "9px",
"10": "10px"
},
"discrete": {
"-wire": "1px",
"-xthin": "2px",
"-thin": "3px",
"-xxxsmall": "5px",
"-xxsmall": "0.8rem",
"-xsmall": "1rem",
"-small": "1.6rem",
"-icon": "2.4rem",
"-medium": "7rem",
"-big": "16rem",
"-xbig": "22rem",
"-xxbig": "32rem",
"-xxxbig": "44rem",
"-super": "58rem",
"-xsuper": "72rem",
"-xxsuper": "90rem",
"-xxxsuper": "116rem"
},
"vh": {
"-10vh": "10vh",
"-20vh": "20vh",
"-30vh": "30vh",
"-40vh": "40vh",
"-50vh": "50vh",
"-60vh": "60vh",
"-70vh": "70vh",
"-80vh": "80vh",
"-90vh": "90vh",
"-100vh": "100vh"
},
"vw": {
"-10vw": "10vw",
"-20vw": "20vw",
"-30vw": "30vw",
"-40vw": "40vw",
"-50vw": "50vw",
"-60vw": "60vw",
"-70vw": "70vw",
"-80vw": "80vw",
"-90vw": "90vw",
"-100vw": "100vw"
},
"negative-discrete": {
"-bigx": "-16rem",
"-xbigx": "22rem",
"-xxbigx": "-32rem",
"-xxxbigx": "-44rem",
"-superx": "-56rem",
"-xsuperx": "-68rem",
"-xxsuperx": "-80rem",
"-xxxsuperx": "-100rem"
},
"alignment": {
"center": "center",
"right": "right",
"left": "left"
},
"override": {
"0": 0,
"1": 1,
"2": 2,
"3": 3,
"4": 4,
"5": 5,
"10": 10,
"20": 20,
"30": 30,
"999": 999,
"9999": 9999
}
},
"properties": {
"background-attachment": {
"class": "bga-",
"values": {
"sc": "scroll",
"fi": "fixed",
"lo": "local",
"in": "initial",
"inherit": "inherit"
},
"mappings": {
"bga-sc": "scroll",
"bga-fi": "fixed",
"bga-lo": "local",
"bga-in": "initial",
"bga-inherit": "inherit"
}
},
"background-color": {
"class": "bg-",
"rule": "theme-colors",
"values": {
"black": "#000000",
"white": "#ffffff",
"transparent": "transparent",
"hotpinkxl": "#f188bc",
"hotpinkl": "#f36fb0",
"hotpink": "#ea2889",
"hotpinkd": "#cc0f6d",
"hotpinkxd": "#900148",
"greyxl": "#f0f2ff",
"greyl": "#dedbe2",
"grey": "#b2b6ca",
"greyd": "#5a5573",
"greyxd": "#4d4c51",
"yellowxl": "#f8f8b7",
"yellowl": "#f1f16f",
"yellow": "#eaea28",
"yellowd": "#d6d615",
"yellowxd": "#b2b211",
"redxl": "#f3a6a6",
"redl": "#ec7272",
"red": "#e53e3e",
"redd": "#cd1c1c",
"redxd": "#991515",
"purplexl": "#c493f4",
"purplel": "#a65eef",
"purple": "#8928ea",
"purpled": "#6c13c4",
"purplexd": "#5810a0",
"orangexl": "#f4c493",
"orangel": "#efa65e",
"orange": "#ea8928",
"oranged": "#d67515",
"orangexd": "#b26211",
"limexl": "#c4f493",
"limel": "#a6ef5e",
"lime": "#89ea28",
"limed": "#6cc413",
"limexd": "#4e8e0e",
"lilacxl": "#f3effd",
"lilacl": "#e6dff7",
"lilac": "#c4b4ea",
"lilacd": "#b3a0de",
"lilacxd": "#988bb7",
"greenxl": "#00ce00",
"greenl": "#00a700",
"green": "#008000",
"greend": "#006c00",
"greenxd": "#005900",
"bluexl": "#99c8fb",
"bluel": "#68a9f1",
"blue": "#2889ea",
"blued": "#126eca",
"bluexd": "#0c59a7",
"off-whitel": "#fbfbff",
"off-white": "#f3f3f7",
"off-whited": "#e4e7f7"
},
"mappings": {
"bg-black": "#000000",
"bg-white": "#ffffff",
"bg-transparent": "transparent",
"bg-hotpinkxl": "#f188bc",
"bg-hotpinkl": "#f36fb0",
"bg-hotpink": "#ea2889",
"bg-hotpinkd": "#cc0f6d",
"bg-hotpinkxd": "#900148",
"bg-greyxl": "#f0f2ff",
"bg-greyl": "#dedbe2",
"bg-grey": "#b2b6ca",
"bg-greyd": "#5a5573",
"bg-greyxd": "#4d4c51",
"bg-yellowxl": "#f8f8b7",
"bg-yellowl": "#f1f16f",
"bg-yellow": "#eaea28",
"bg-yellowd": "#d6d615",
"bg-yellowxd": "#b2b211",
"bg-redxl": "#f3a6a6",
"bg-redl": "#ec7272",
"bg-red": "#e53e3e",
"bg-redd": "#cd1c1c",
"bg-redxd": "#991515",
"bg-purplexl": "#c493f4",
"bg-purplel": "#a65eef",
"bg-purple": "#8928ea",
"bg-purpled": "#6c13c4",
"bg-purplexd": "#5810a0",
"bg-orangexl": "#f4c493",
"bg-orangel": "#efa65e",
"bg-orange": "#ea8928",
"bg-oranged": "#d67515",
"bg-orangexd": "#b26211",
"bg-limexl": "#c4f493",
"bg-limel": "#a6ef5e",
"bg-lime": "#89ea28",
"bg-limed": "#6cc413",
"bg-limexd": "#4e8e0e",
"bg-lilacxl": "#f3effd",
"bg-lilacl": "#e6dff7",
"bg-lilac": "#c4b4ea",
"bg-lilacd": "#b3a0de",
"bg-lilacxd": "#988bb7",
"bg-greenxl": "#00ce00",
"bg-greenl": "#00a700",
"bg-green": "#008000",
"bg-greend": "#006c00",
"bg-greenxd": "#005900",
"bg-bluexl": "#99c8fb",
"bg-bluel": "#68a9f1",
"bg-blue": "#2889ea",
"bg-blued": "#126eca",
"bg-bluexd": "#0c59a7",
"bg-off-whitel": "#fbfbff",
"bg-off-white": "#f3f3f7",
"bg-off-whited": "#e4e7f7"
}
},
"background-size": {
"class": "bs-",
"values": {
"auto": "auto",
"inherit": "inherit",
"cover": "cover",
"contain": "contain",
"initial": "initial"
},
"mappings": {
"bs-auto": "auto",
"bs-inherit": "inherit",
"bs-cover": "cover",
"bs-contain": "contain",
"bs-initial": "initial"
}
},
"background-position": {
"class": "bgp-",
"rule": "alignment",
"values": {
"center": "center",
"right": "right",
"left": "left"
},
"mappings": {
"bgp-center": "center",
"bgp-right": "right",
"bgp-left": "left"
}
},
"background-position-x": {
"class": "bgpx-",
"rule": "alignment",
"values": {
"center": "center",
"right": "right",
"left": "left"
},
"mappings": {
"bgpx-center": "center",
"bgpx-right": "right",
"bgpx-left": "left"
}
},
"background-position-y": {
"class": "bgpy-",
"rule": "alignment",
"values": {
"center": "center",
"right": "right",
"left": "left"
},
"mappings": {
"bgpy-center": "center",
"bgpy-right": "right",
"bgpy-left": "left"
}
},
"background-repeat": {
"class": "bgr-",
"values": {
"rx": "repeat-x",
"rp": "repeat",
"sp": "space",
"ro": "round",
"nr": "no-repeat"
},
"mappings": {
"bgr-rx": "repeat-x",
"bgr-rp": "repeat",
"bgr-sp": "space",
"bgr-ro": "round",
"bgr-nr": "no-repeat"
}
},
"border-bottom-width": {
"class": "bwb",
"rule": "tiny",
"values": {
"0": 0,
"1": "1px",
"2": "2px",
"3": "3px",
"4": "4px",
"5": "5px",
"6": "6px",
"7": "7px",
"8": "8px",
"9": "9px",
"10": "10px"
},
"mappings": {
"bwb0": 0,
"bwb1": "1px",
"bwb2": "2px",
"bwb3": "3px",
"bwb4": "4px",
"bwb5": "5px",
"bwb6": "6px",
"bwb7": "7px",
"bwb8": "8px",
"bwb9": "9px",
"bwb10": "10px"
}
},
"border-top-width": {
"class": "bwt",
"rule": "tiny",
"values": {
"0": 0,
"1": "1px",
"2": "2px",
"3": "3px",
"4": "4px",
"5": "5px",
"6": "6px",
"7": "7px",
"8": "8px",
"9": "9px",
"10": "10px"
},
"mappings": {
"bwt0": 0,
"bwt1": "1px",
"bwt2": "2px",
"bwt3": "3px",
"bwt4": "4px",
"bwt5": "5px",
"bwt6": "6px",
"bwt7": "7px",
"bwt8": "8px",
"bwt9": "9px",
"bwt10": "10px"
}
},
"border-right-width": {
"class": "bwr",
"rule": "tiny",
"values": {
"0": 0,
"1": "1px",
"2": "2px",
"3": "3px",
"4": "4px",
"5": "5px",
"6": "6px",
"7": "7px",
"8": "8px",
"9": "9px",
"10": "10px"
},
"mappings": {
"bwr0": 0,
"bwr1": "1px",
"bwr2": "2px",
"bwr3": "3px",
"bwr4": "4px",
"bwr5": "5px",
"bwr6": "6px",
"bwr7": "7px",
"bwr8": "8px",
"bwr9": "9px",
"bwr10": "10px"
}
},
"border-left-width": {
"class": "bwl",
"rule": "tiny",
"values": {
"0": 0,
"1": "1px",
"2": "2px",
"3": "3px",
"4": "4px",
"5": "5px",
"6": "6px",
"7": "7px",
"8": "8px",
"9": "9px",
"10": "10px"
},
"mappings": {
"bwl0": 0,
"bwl1": "1px",
"bwl2": "2px",
"bwl3": "3px",
"bwl4": "4px",
"bwl5": "5px",
"bwl6": "6px",
"bwl7": "7px",
"bwl8": "8px",
"bwl9": "9px",
"bwl10": "10px"
}
},
"border-width": {
"class": "bwa",
"rule": "tiny",
"values": {
"0": 0,
"1": "1px",
"2": "2px",
"3": "3px",
"4": "4px",
"5": "5px",
"6": "6px",
"7": "7px",
"8": "8px",
"9": "9px",
"10": "10px"
},
"mappings": {
"bwa0": 0,
"bwa1": "1px",
"bwa2": "2px",
"bwa3": "3px",
"bwa4": "4px",
"bwa5": "5px",
"bwa6": "6px",
"bwa7": "7px",
"bwa8": "8px",
"bwa9": "9px",
"bwa10": "10px"
}
},
"border-bottom-color": {
"class": "bcb-",
"rule": "theme-colors",
"values": {
"black": "#000000",
"white": "#ffffff",
"transparent": "transparent",
"hotpinkxl": "#f188bc",
"hotpinkl": "#f36fb0",
"hotpink": "#ea2889",
"hotpinkd": "#cc0f6d",
"hotpinkxd": "#900148",
"greyxl": "#f0f2ff",
"greyl": "#dedbe2",
"grey": "#b2b6ca",
"greyd": "#5a5573",
"greyxd": "#4d4c51",
"yellowxl": "#f8f8b7",
"yellowl": "#f1f16f",
"yellow": "#eaea28",
"yellowd": "#d6d615",
"yellowxd": "#b2b211",
"redxl": "#f3a6a6",
"redl": "#ec7272",
"red": "#e53e3e",
"redd": "#cd1c1c",
"redxd": "#991515",
"purplexl": "#c493f4",
"purplel": "#a65eef",
"purple": "#8928ea",
"purpled": "#6c13c4",
"purplexd": "#5810a0",
"orangexl": "#f4c493",
"orangel": "#efa65e",
"orange": "#ea8928",
"oranged": "#d67515",
"orangexd": "#b26211",
"limexl": "#c4f493",
"limel": "#a6ef5e",
"lime": "#89ea28",
"limed": "#6cc413",
"limexd": "#4e8e0e",
"lilacxl": "#f3effd",
"lilacl": "#e6dff7",
"lilac": "#c4b4ea",
"lilacd": "#b3a0de",
"lilacxd": "#988bb7",
"greenxl": "#00ce00",
"greenl": "#00a700",
"green": "#008000",
"greend": "#006c00",
"greenxd": "#005900",
"bluexl": "#99c8fb",
"bluel": "#68a9f1",
"blue": "#2889ea",
"blued": "#126eca",
"bluexd": "#0c59a7",
"off-whitel": "#fbfbff",
"off-white": "#f3f3f7",
"off-whited": "#e4e7f7"
},
"mappings": {
"bcb-black": "#000000",
"bcb-white": "#ffffff",
"bcb-transparent": "transparent",
"bcb-hotpinkxl": "#f188bc",
"bcb-hotpinkl": "#f36fb0",
"bcb-hotpink": "#ea2889",
"bcb-hotpinkd": "#cc0f6d",
"bcb-hotpinkxd": "#900148",
"bcb-greyxl": "#f0f2ff",
"bcb-greyl": "#dedbe2",
"bcb-grey": "#b2b6ca",
"bcb-greyd": "#5a5573",
"bcb-greyxd": "#4d4c51",
"bcb-yellowxl": "#f8f8b7",
"bcb-yellowl": "#f1f16f",
"bcb-yellow": "#eaea28",
"bcb-yellowd": "#d6d615",
"bcb-yellowxd": "#b2b211",
"bcb-redxl": "#f3a6a6",
"bcb-redl": "#ec7272",
"bcb-red": "#e53e3e",
"bcb-redd": "#cd1c1c",
"bcb-redxd": "#991515",
"bcb-purplexl": "#c493f4",
"bcb-purplel": "#a65eef",
"bcb-purple": "#8928ea",
"bcb-purpled": "#6c13c4",
"bcb-purplexd": "#5810a0",
"bcb-orangexl": "#f4c493",
"bcb-orangel": "#efa65e",
"bcb-orange": "#ea8928",
"bcb-oranged": "#d67515",
"bcb-orangexd": "#b26211",
"bcb-limexl": "#c4f493",
"bcb-limel": "#a6ef5e",
"bcb-lime": "#89ea28",
"bcb-limed": "#6cc413",
"bcb-limexd": "#4e8e0e",
"bcb-lilacxl": "#f3effd",
"bcb-lilacl": "#e6dff7",
"bcb-lilac": "#c4b4ea",
"bcb-lilacd": "#b3a0de",
"bcb-lilacxd": "#988bb7",
"bcb-greenxl": "#00ce00",
"bcb-greenl": "#00a700",
"bcb-green": "#008000",
"bcb-greend": "#006c00",
"bcb-greenxd": "#005900",
"bcb-bluexl": "#99c8fb",
"bcb-bluel": "#68a9f1",
"bcb-blue": "#2889ea",
"bcb-blued": "#126eca",
"bcb-bluexd": "#0c59a7",
"bcb-off-whitel": "#fbfbff",
"bcb-off-white": "#f3f3f7",
"bcb-off-whited": "#e4e7f7"
}
},
"border-top-color": {
"class": "bct-",
"rule": "theme-colors",
"values": {
"black": "#000000",
"white": "#ffffff",
"transparent": "transparent",
"hotpinkxl": "#f188bc",
"hotpinkl": "#f36fb0",
"hotpink": "#ea2889",
"hotpinkd": "#cc0f6d",
"hotpinkxd": "#900148",
"greyxl": "#f0f2ff",
"greyl": "#dedbe2",
"grey": "#b2b6ca",
"greyd": "#5a5573",
"greyxd": "#4d4c51",
"yellowxl": "#f8f8b7",
"yellowl": "#f1f16f",
"yellow": "#eaea28",
"yellowd": "#d6d615",
"yellowxd": "#b2b211",
"redxl": "#f3a6a6",
"redl": "#ec7272",
"red": "#e53e3e",
"redd": "#cd1c1c",
"redxd": "#991515",
"purplexl": "#c493f4",
"purplel": "#a65eef",
"purple": "#8928ea",
"purpled": "#6c13c4",
"purplexd": "#5810a0",
"orangexl": "#f4c493",
"orangel": "#efa65e",
"orange": "#ea8928",
"oranged": "#d67515",
"orangexd": "#b26211",
"limexl": "#c4f493",
"limel": "#a6ef5e",
"lime": "#89ea28",
"limed": "#6cc413",
"limexd": "#4e8e0e",
"lilacxl": "#f3effd",
"lilacl": "#e6dff7",
"lilac": "#c4b4ea",
"lilacd": "#b3a0de",
"lilacxd": "#988bb7",
"greenxl": "#00ce00",
"greenl": "#00a700",
"green": "#008000",
"greend": "#006c00",
"greenxd": "#005900",
"bluexl": "#99c8fb",
"bluel": "#68a9f1",
"blue": "#2889ea",
"blued": "#126eca",
"bluexd": "#0c59a7",
"off-whitel": "#fbfbff",
"off-white": "#f3f3f7",
"off-whited": "#e4e7f7"
},
"mappings": {
"bct-black": "#000000",
"bct-white": "#ffffff",
"bct-transparent": "transparent",
"bct-hotpinkxl": "#f188bc",
"bct-hotpinkl": "#f36fb0",
"bct-hotpink": "#ea2889",
"bct-hotpinkd": "#cc0f6d",
"bct-hotpinkxd": "#900148",
"bct-greyxl": "#f0f2ff",
"bct-greyl": "#dedbe2",
"bct-grey": "#b2b6ca",
"bct-greyd": "#5a5573",
"bct-greyxd": "#4d4c51",
"bct-yellowxl": "#f8f8b7",
"bct-yellowl": "#f1f16f",
"bct-yellow": "#eaea28",
"bct-yellowd": "#d6d615",
"bct-yellowxd": "#b2b211",
"bct-redxl": "#f3a6a6",
"bct-redl": "#ec7272",
"bct-red": "#e53e3e",
"bct-redd": "#cd1c1c",
"bct-redxd": "#991515",
"bct-purplexl": "#c493f4",
"bct-purplel": "#a65eef",
"bct-purple": "#8928ea",
"bct-purpled": "#6c13c4",
"bct-purplexd": "#5810a0",
"bct-orangexl": "#f4c493",
"bct-orangel": "#efa65e",
"bct-orange": "#ea8928",
"bct-oranged": "#d67515",
"bct-orangexd": "#b26211",
"bct-limexl": "#c4f493",
"bct-limel": "#a6ef5e",
"bct-lime": "#89ea28",
"bct-limed": "#6cc413",
"bct-limexd": "#4e8e0e",
"bct-lilacxl": "#f3effd",
"bct-lilacl": "#e6dff7",
"bct-lilac": "#c4b4ea",
"bct-lilacd": "#b3a0de",
"bct-lilacxd": "#988bb7",
"bct-greenxl": "#00ce00",
"bct-greenl": "#00a700",
"bct-green": "#008000",
"bct-greend": "#006c00",
"bct-greenxd": "#005900",
"bct-bluexl": "#99c8fb",
"bct-bluel": "#68a9f1",
"bct-blue": "#2889ea",
"bct-blued": "#126eca",
"bct-bluexd": "#0c59a7",
"bct-off-whitel": "#fbfbff",
"bct-off-white": "#f3f3f7",
"bct-off-whited": "#e4e7f7"
}
},
"border-left-color": {
"class": "bcl-",
"rule": "theme-colors",
"values": {
"black": "#000000",
"white": "#ffffff",
"transparent": "transparent",
"hotpinkxl": "#f188bc",
"hotpinkl": "#f36fb0",
"hotpink": "#ea2889",
"hotpinkd": "#cc0f6d",
"hotpinkxd": "#900148",
"greyxl": "#f0f2ff",
"greyl": "#dedbe2",
"grey": "#b2b6ca",
"greyd": "#5a5573",
"greyxd": "#4d4c51",
"yellowxl": "#f8f8b7",
"yellowl": "#f1f16f",
"yellow": "#eaea28",
"yellowd": "#d6d615",
"yellowxd": "#b2b211",
"redxl": "#f3a6a6",
"redl": "#ec7272",
"red": "#e53e3e",
"redd": "#cd1c1c",
"redxd": "#991515",
"purplexl": "#c493f4",
"purplel": "#a65eef",
"purple": "#8928ea",
"purpled": "#6c13c4",
"purplexd": "#5810a0",
"orangexl": "#f4c493",
"orangel": "#efa65e",
"orange": "#ea8928",
"oranged": "#d67515",
"orangexd": "#b26211",
"limexl": "#c4f493",
"limel": "#a6ef5e",
"lime": "#89ea28",
"limed": "#6cc413",
"limexd": "#4e8e0e",
"lilacxl": "#f3effd",
"lilacl": "#e6dff7",
"lilac": "#c4b4ea",
"lilacd": "#b3a0de",
"lilacxd": "#988bb7",
"greenxl": "#00ce00",
"greenl": "#00a700",
"green": "#008000",
"greend": "#006c00",
"greenxd": "#005900",
"bluexl": "#99c8fb",
"bluel": "#68a9f1",
"blue": "#2889ea",
"blued": "#126eca",
"bluexd": "#0c59a7",
"off-whitel": "#fbfbff",
"off-white": "#f3f3f7",
"off-whited": "#e4e7f7"
},
"mappings": {
"bcl-black": "#000000",
"bcl-white": "#ffffff",
"bcl-transparent": "transparent",
"bcl-hotpinkxl": "#f188bc",
"bcl-hotpinkl": "#f36fb0",
"bcl-hotpink": "#ea2889",
"bcl-hotpinkd": "#cc0f6d",
"bcl-hotpinkxd": "#900148",
"bcl-greyxl": "#f0f2ff",
"bcl-greyl": "#dedbe2",
"bcl-grey": "#b2b6ca",
"bcl-greyd": "#5a5573",
"bcl-greyxd": "#4d4c51",
"bcl-yellowxl": "#f8f8b7",
"bcl-yellowl": "#f1f16f",
"bcl-yellow": "#eaea28",
"bcl-yellowd": "#d6d615",
"bcl-yellowxd": "#b2b211",
"bcl-redxl": "#f3a6a6",
"bcl-redl": "#ec7272",
"bcl-red": "#e53e3e",
"bcl-redd": "#cd1c1c",
"bcl-redxd": "#991515",
"bcl-purplexl": "#c493f4",
"bcl-purplel": "#a65eef",
"bcl-purple": "#8928ea",
"bcl-purpled": "#6c13c4",
"bcl-purplexd": "#5810a0",
"bcl-orangexl": "#f4c493",
"bcl-orangel": "#efa65e",
"bcl-orange": "#ea8928",
"bcl-oranged": "#d67515",
"bcl-orangexd": "#b26211",
"bcl-limexl": "#c4f493",
"bcl-limel": "#a6ef5e",
"bcl-lime": "#89ea28",
"bcl-limed": "#6cc413",
"bcl-limexd": "#4e8e0e",
"bcl-lilacxl": "#f3effd",
"bcl-lilacl": "#e6dff7",
"bcl-lilac": "#c4b4ea",
"bcl-lilacd": "#b3a0de",
"bcl-lilacxd": "#988bb7",
"bcl-greenxl": "#00ce00",
"bcl-greenl": "#00a700",
"bcl-green": "#008000",
"bcl-greend": "#006c00",
"bcl-greenxd": "#005900",
"bcl-bluexl": "#99c8fb",
"bcl-bluel": "#68a9f1",
"bcl-blue": "#2889ea",
"bcl-blued": "#126eca",
"bcl-bluexd": "#0c59a7",
"bcl-off-whitel": "#fbfbff",
"bcl-off-white": "#f3f3f7",
"bcl-off-whited": "#e4e7f7"
}
},
"border-right-color": {
"class": "bcr-",
"rule": "theme-colors",
"values": {
"black": "#000000",
"white": "#ffffff",
"transparent": "transparent",
"hotpinkxl": "#f188bc",
"hotpinkl": "#f36fb0",
"hotpink": "#ea2889",
"hotpinkd": "#cc0f6d",
"hotpinkxd": "#900148",
"greyxl": "#f0f2ff",
"greyl": "#dedbe2",
"grey": "#b2b6ca",
"greyd": "#5a5573",
"greyxd": "#4d4c51",
"yellowxl": "#f8f8b7",
"yellowl": "#f1f16f",
"yellow": "#eaea28",
"yellowd": "#d6d615",
"yellowxd": "#b2b211",
"redxl": "#f3a6a6",
"redl": "#ec7272",
"red": "#e53e3e",
"redd": "#cd1c1c",
"redxd": "#991515",
"purplexl": "#c493f4",
"purplel": "#a65eef",
"purple": "#8928ea",
"purpled": "#6c13c4",
"purplexd": "#5810a0",
"orangexl": "#f4c493",
"orangel": "#efa65e",
"orange": "#ea8928",
"oranged": "#d67515",
"orangexd": "#b26211",
"limexl": "#c4f493",
"limel": "#a6ef5e",
"lime": "#89ea28",
"limed": "#6cc413",
"limexd": "#4e8e0e",
"lilacxl": "#f3effd",
"lilacl": "#e6dff7",
"lilac": "#c4b4ea",
"lilacd": "#b3a0de",
"lilacxd": "#988bb7",
"greenxl": "#00ce00",
"greenl": "#00a700",
"green": "#008000",
"greend": "#006c00",
"greenxd": "#005900",
"bluexl": "#99c8fb",
"bluel": "#68a9f1",
"blue": "#2889ea",
"blued": "#126eca",
"bluexd": "#0c59a7",
"off-whitel": "#fbfbff",
"off-white": "#f3f3f7",
"off-whited": "#e4e7f7"
},
"mappings": {
"bcr-black": "#000000",
"bcr-white": "#ffffff",
"bcr-transparent": "transparent",
"bcr-hotpinkxl": "#f188bc",
"bcr-hotpinkl": "#f36fb0",
"bcr-hotpink": "#ea2889",
"bcr-hotpinkd": "#cc0f6d",
"bcr-hotpinkxd": "#900148",
"bcr-greyxl": "#f0f2ff",
"bcr-greyl": "#dedbe2",
"bcr-grey": "#b2b6ca",
"bcr-greyd": "#5a5573",
"bcr-greyxd": "#4d4c51",
"bcr-yellowxl": "#f8f8b7",
"bcr-yellowl": "#f1f16f",
"bcr-yellow": "#eaea28",
"bcr-yellowd": "#d6d615",
"bcr-yellowxd": "#b2b211",
"bcr-redxl": "#f3a6a6",
"bcr-redl": "#ec7272",
"bcr-red": "#e53e3e",
"bcr-redd": "#cd1c1c",
"bcr-redxd": "#991515",
"bcr-purplexl": "#c493f4",
"bcr-purplel": "#a65eef",
"bcr-purple": "#8928ea",
"bcr-purpled": "#6c13c4",
"bcr-purplexd": "#5810a0",
"bcr-orangexl": "#f4c493",
"bcr-orangel": "#efa65e",
"bcr-orange": "#ea8928",
"bcr-oranged": "#d67515",
"bcr-orangexd": "#b26211",
"bcr-limexl": "#c4f493",
"bcr-limel": "#a6ef5e",
"bcr-lime": "#89ea28",
"bcr-limed": "#6cc413",
"bcr-limexd": "#4e8e0e",
"bcr-lilacxl": "#f3effd",
"bcr-lilacl": "#e6dff7",
"bcr-lilac": "#c4b4ea",
"bcr-lilacd": "#b3a0de",
"bcr-lilacxd": "#988bb7",
"bcr-greenxl": "#00ce00",
"bcr-greenl": "#00a700",
"bcr-green": "#008000",
"bcr-greend": "#006c00",
"bcr-greenxd": "#005900",
"bcr-bluexl": "#99c8fb",
"bcr-bluel": "#68a9f1",
"bcr-blue": "#2889ea",
"bcr-blued": "#126eca",
"bcr-bluexd": "#0c59a7",
"bcr-off-whitel": "#fbfbff",
"bcr-off-white": "#f3f3f7",
"bcr-off-whited": "#e4e7f7"
}
},
"border-color": {
"class": "bca-",
"rule": "theme-colors",
"values": {
"black": "#000000",
"white": "#ffffff",
"transparent": "transparent",
"hotpinkxl": "#f188bc",
"hotpinkl": "#f36fb0",
"hotpink": "#ea2889",
"hotpinkd": "#cc0f6d",
"hotpinkxd": "#900148",
"greyxl": "#f0f2ff",
"greyl": "#dedbe2",
"grey": "#b2b6ca",
"greyd": "#5a5573",
"greyxd": "#4d4c51",
"yellowxl": "#f8f8b7",
"yellowl": "#f1f16f",
"yellow": "#eaea28",
"yellowd": "#d6d615",
"yellowxd": "#b2b211",
"redxl": "#f3a6a6",
"redl": "#ec7272",
"red": "#e53e3e",
"redd": "#cd1c1c",
"redxd": "#991515",
"purplexl": "#c493f4",
"purplel": "#a65eef",
"purple": "#8928ea",
"purpled": "#6c13c4",
"purplexd": "#5810a0",
"orangexl": "#f4c493",
"orangel": "#efa65e",
"orange": "#ea8928",
"oranged": "#d67515",
"orangexd": "#b26211",
"limexl": "#c4f493",
"limel": "#a6ef5e",
"lime": "#89ea28",
"limed": "#6cc413",
"limexd": "#4e8e0e",
"lilacxl": "#f3effd",
"lilacl": "#e6dff7",
"lilac": "#c4b4ea",
"lilacd": "#b3a0de",
"lilacxd": "#988bb7",
"greenxl": "#00ce00",
"greenl": "#00a700",
"green": "#008000",
"greend": "#006c00",
"greenxd": "#005900",
"bluexl": "#99c8fb",
"bluel": "#68a9f1",
"blue": "#2889ea",
"blued": "#126eca",
"bluexd": "#0c59a7",
"off-whitel": "#fbfbff",
"off-white": "#f3f3f7",
"off-whited": "#e4e7f7"
},
"mappings": {
"bca-black": "#000000",
"bca-white": "#ffffff",
"bca-transparent": "transparent",
"bca-hotpinkxl": "#f188bc",
"bca-hotpinkl": "#f36fb0",
"bca-hotpink": "#ea2889",
"bca-hotpinkd": "#cc0f6d",
"bca-hotpinkxd": "#900148",
"bca-greyxl": "#f0f2ff",
"bca-greyl": "#dedbe2",
"bca-grey": "#b2b6ca",
"bca-greyd": "#5a5573",
"bca-greyxd": "#4d4c51",
"bca-yellowxl": "#f8f8b7",
"bca-yellowl": "#f1f16f",
"bca-yellow": "#eaea28",
"bca-yellowd": "#d6d615",
"bca-yellowxd": "#b2b211",
"bca-redxl": "#f3a6a6",
"bca-redl": "#ec7272",
"bca-red": "#e53e3e",
"bca-redd": "#cd1c1c",
"bca-redxd": "#991515",
"bca-purplexl": "#c493f4",
"bca-purplel": "#a65eef",
"bca-purple": "#8928ea",
"bca-purpled": "#6c13c4",
"bca-purplexd": "#5810a0",
"bca-orangexl": "#f4c493",
"bca-orangel": "#efa65e",
"bca-orange": "#ea8928",
"bca-oranged": "#d67515",
"bca-orangexd": "#b26211",
"bca-limexl": "#c4f493",
"bca-limel": "#a6ef5e",
"bca-lime": "#89ea28",
"bca-limed": "#6cc413",
"bca-limexd": "#4e8e0e",
"bca-lilacxl": "#f3effd",
"bca-lilacl": "#e6dff7",
"bca-lilac": "#c4b4ea",
"bca-lilacd": "#b3a0de",
"bca-lilacxd": "#988bb7",
"bca-greenxl": "#00ce00",
"bca-greenl": "#00a700",
"bca-green": "#008000",
"bca-greend": "#006c00",
"bca-greenxd": "#005900",
"bca-bluexl": "#99c8fb",
"bca-bluel": "#68a9f1",
"bca-blue": "#2889ea",
"bca-blued": "#126eca",
"bca-bluexd": "#0c59a7",
"bca-off-whitel": "#fbfbff",
"bca-off-white": "#f3f3f7",
"bca-off-whited": "#e4e7f7"
}
},
"border-style": {
"class": "bsa-",
"rule": "border-style",
"values": {
"solid": "solid",
"dotted": "dotted",
"dashed": "dashed"
},
"mappings": {
"bsa-solid": "solid",
"bsa-dotted": "dotted",
"bsa-dashed": "dashed"
}
},
"border-bottom-style": {
"class": "bsb-",
"rule": "border-style",
"values": {
"solid": "solid",
"dotted": "dotted",
"dashed": "dashed"
},
"mappings": {
"bsb-solid": "solid",
"bsb-dotted": "dotted",
"bsb-dashed": "dashed"
}
},
"border-top-style": {
"class": "bst-",
"rule": "border-style",
"values": {
"solid": "solid",
"dotted": "dotted",
"dashed": "dashed"
},
"mappings": {
"bst-solid": "solid",
"bst-dotted": "dotted",
"bst-dashed": "dashed"
}
},
"border-right-style": {
"class": "bsr-",
"rule": "border-style",
"values": {
"solid": "solid",
"dotted": "dotted",
"dashed": "dashed"
},
"mappings": {
"bsr-solid": "solid",
"bsr-dotted": "dotted",
"bsr-dashed": "dashed"
}
},
"border-left-style": {
"class": "bsl-",
"rule": "border-style",
"values": {
"solid": "solid",
"dotted": "dotted",
"dashed": "dashed"
},
"mappings": {
"bsl-solid": "solid",
"bsl-dotted": "dotted",
"bsl-dashed": "dashed"
}
},
"border-radius": {
"class": "bra",
"values": {
"1": ".5rem",
"2": "1rem",
"3": "2rem",
"4": "3rem",
"5": "4rem",
"6": "5rem",
"-50": "50%"
},
"mappings": {
"bra1": ".5rem",
"bra2": "1rem",
"bra3": "2rem",
"bra4": "3rem",
"bra5": "4rem",
"bra6": "5rem",
"bra-50": "50%"
}
},
"clear": {
"class": "c",
"values": {
"b": "both"
},
"mappings": {
"cb": "both"
}
},
"color": {
"class": null,
"rule": "the