@gitlab/ui
Version:
GitLab UI Components
1,798 lines • 41.8 kB
JSON
{
"variables": [
{
"name": "$grid-size",
"value": "px-to-rem(8px)",
"compiledValue": "0.5rem"
},
{
"name": "$gl-spacing-scale-1",
"value": "0.25 * $grid-size",
"compiledValue": "0.125rem"
},
{
"name": "$gl-spacing-scale-2",
"value": "0.5 * $grid-size",
"compiledValue": "0.25rem"
},
{
"name": "$gl-spacing-scale-3",
"value": "$grid-size",
"compiledValue": "0.5rem"
},
{
"name": "$gl-spacing-scale-4",
"value": "1.5 * $grid-size",
"compiledValue": "0.75rem"
},
{
"name": "$gl-spacing-scale-5",
"value": "2 * $grid-size",
"compiledValue": "1rem"
},
{
"name": "$gl-spacing-scale-6",
"value": "3 * $grid-size",
"compiledValue": "1.5rem"
},
{
"name": "$gl-spacing-scale-7",
"value": "4 * $grid-size",
"compiledValue": "2rem"
},
{
"name": "$gl-spacing-scale-8",
"value": "5 * $grid-size",
"compiledValue": "2.5rem"
},
{
"name": "$gl-spacing-scale-9",
"value": "6 * $grid-size",
"compiledValue": "3rem"
},
{
"name": "$gl-spacing-scale-10",
"value": "7 * $grid-size",
"compiledValue": "3.5rem"
},
{
"name": "$gl-spacing-scale-11",
"value": "8 * $grid-size",
"compiledValue": "4rem"
},
{
"name": "$gl-spacing-scale-11-5",
"value": "9 * $grid-size",
"compiledValue": "4.5rem"
},
{
"name": "$gl-spacing-scale-12",
"value": "10 * $grid-size",
"compiledValue": "5rem"
},
{
"name": "$gl-spacing-scale-13",
"value": "12 * $grid-size",
"compiledValue": "6rem"
},
{
"name": "$gl-spacing-scale-15",
"value": "15 * $grid-size",
"compiledValue": "7.5rem"
},
{
"name": "$gl-spacing-scale-20",
"value": "20 * $grid-size",
"compiledValue": "10rem"
},
{
"name": "$breakpoint-sm",
"value": "576px",
"compiledValue": "576px"
},
{
"name": "$breakpoint-md",
"value": "768px",
"compiledValue": "768px"
},
{
"name": "$breakpoint-lg",
"value": "992px",
"compiledValue": "992px"
},
{
"name": "$breakpoint-xl",
"value": "1200px",
"compiledValue": "1200px"
},
{
"name": "$breakpoints",
"value": "( xs: 0, sm: $breakpoint-sm, md: $breakpoint-md, lg: $breakpoint-lg, xl: $breakpoint-xl, )",
"mapValue": [
{
"name": "xs",
"value": "0",
"compiledValue": "0"
},
{
"name": "sm",
"value": "$breakpoint-sm",
"compiledValue": "576px"
},
{
"name": "md",
"value": "$breakpoint-md",
"compiledValue": "768px"
},
{
"name": "lg",
"value": "$breakpoint-lg",
"compiledValue": "992px"
},
{
"name": "xl",
"value": "$breakpoint-xl",
"compiledValue": "1200px"
}
],
"compiledValue": "(xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)"
},
{
"name": "$limited-layout-width",
"value": "990px",
"compiledValue": "990px"
},
{
"name": "$black",
"value": "#000",
"compiledValue": "#000"
},
{
"name": "$black-normal",
"value": "#333",
"compiledValue": "#333"
},
{
"name": "$white",
"value": "#fff",
"compiledValue": "#fff"
},
{
"name": "$white-normal",
"value": "#f0f0f0",
"compiledValue": "#f0f0f0"
},
{
"name": "$white-dark",
"value": "#eaeaea",
"compiledValue": "#eaeaea"
},
{
"name": "$white-transparent",
"value": "rgba(255, 255, 255, 0.8)",
"compiledValue": "rgba(255, 255, 255, 0.8)"
},
{
"name": "$transparent-rgba",
"value": "rgba($white, 0)",
"compiledValue": "rgba(255, 255, 255, 0)"
},
{
"name": "$green-50",
"value": "#ecf4ee",
"compiledValue": "#ecf4ee"
},
{
"name": "$green-100",
"value": "#c3e6cd",
"compiledValue": "#c3e6cd"
},
{
"name": "$green-200",
"value": "#91d4a8",
"compiledValue": "#91d4a8"
},
{
"name": "$green-300",
"value": "#52b87a",
"compiledValue": "#52b87a"
},
{
"name": "$green-400",
"value": "#2da160",
"compiledValue": "#2da160"
},
{
"name": "$green-500",
"value": "#108548",
"compiledValue": "#108548"
},
{
"name": "$green-600",
"value": "#217645",
"compiledValue": "#217645"
},
{
"name": "$green-700",
"value": "#24663b",
"compiledValue": "#24663b"
},
{
"name": "$green-800",
"value": "#0d532a",
"compiledValue": "#0d532a"
},
{
"name": "$green-900",
"value": "#0a4020",
"compiledValue": "#0a4020"
},
{
"name": "$green-950",
"value": "#072b15",
"compiledValue": "#072b15"
},
{
"name": "$blue-50",
"value": "#e9f3fc",
"compiledValue": "#e9f3fc"
},
{
"name": "$blue-100",
"value": "#cbe2f9",
"compiledValue": "#cbe2f9"
},
{
"name": "$blue-200",
"value": "#9dc7f1",
"compiledValue": "#9dc7f1"
},
{
"name": "$blue-300",
"value": "#63a6e9",
"compiledValue": "#63a6e9"
},
{
"name": "$blue-400",
"value": "#428fdc",
"compiledValue": "#428fdc"
},
{
"name": "$blue-500",
"value": "#1f75cb",
"compiledValue": "#1f75cb"
},
{
"name": "$blue-600",
"value": "#1068bf",
"compiledValue": "#1068bf"
},
{
"name": "$blue-700",
"value": "#0b5cad",
"compiledValue": "#0b5cad"
},
{
"name": "$blue-800",
"value": "#064787",
"compiledValue": "#064787"
},
{
"name": "$blue-900",
"value": "#033464",
"compiledValue": "#033464"
},
{
"name": "$blue-950",
"value": "#002850",
"compiledValue": "#002850"
},
{
"name": "$orange-50",
"value": "#fdf1dd",
"compiledValue": "#fdf1dd"
},
{
"name": "$orange-100",
"value": "#f5d9a8",
"compiledValue": "#f5d9a8"
},
{
"name": "$orange-200",
"value": "#e9be74",
"compiledValue": "#e9be74"
},
{
"name": "$orange-300",
"value": "#d99530",
"compiledValue": "#d99530"
},
{
"name": "$orange-400",
"value": "#c17d10",
"compiledValue": "#c17d10"
},
{
"name": "$orange-500",
"value": "#ab6100",
"compiledValue": "#ab6100"
},
{
"name": "$orange-600",
"value": "#9e5400",
"compiledValue": "#9e5400"
},
{
"name": "$orange-700",
"value": "#8f4700",
"compiledValue": "#8f4700"
},
{
"name": "$orange-800",
"value": "#703800",
"compiledValue": "#703800"
},
{
"name": "$orange-900",
"value": "#5c2900",
"compiledValue": "#5c2900"
},
{
"name": "$orange-950",
"value": "#421f00",
"compiledValue": "#421f00"
},
{
"name": "$red-50",
"value": "#fcf1ef",
"compiledValue": "#fcf1ef"
},
{
"name": "$red-100",
"value": "#fdd4cd",
"compiledValue": "#fdd4cd"
},
{
"name": "$red-200",
"value": "#fcb5aa",
"compiledValue": "#fcb5aa"
},
{
"name": "$red-300",
"value": "#f57f6c",
"compiledValue": "#f57f6c"
},
{
"name": "$red-400",
"value": "#ec5941",
"compiledValue": "#ec5941"
},
{
"name": "$red-500",
"value": "#dd2b0e",
"compiledValue": "#dd2b0e"
},
{
"name": "$red-600",
"value": "#c91c00",
"compiledValue": "#c91c00"
},
{
"name": "$red-700",
"value": "#ae1800",
"compiledValue": "#ae1800"
},
{
"name": "$red-800",
"value": "#8d1300",
"compiledValue": "#8d1300"
},
{
"name": "$red-900",
"value": "#660e00",
"compiledValue": "#660e00"
},
{
"name": "$red-950",
"value": "#4d0a00",
"compiledValue": "#4d0a00"
},
{
"name": "$purple-50",
"value": "#f4f0ff",
"compiledValue": "#f4f0ff"
},
{
"name": "$purple-100",
"value": "#e1d8f9",
"compiledValue": "#e1d8f9"
},
{
"name": "$purple-200",
"value": "#cbbbf2",
"compiledValue": "#cbbbf2"
},
{
"name": "$purple-300",
"value": "#ac93e6",
"compiledValue": "#ac93e6"
},
{
"name": "$purple-400",
"value": "#9475db",
"compiledValue": "#9475db"
},
{
"name": "$purple-500",
"value": "#7b58cf",
"compiledValue": "#7b58cf"
},
{
"name": "$purple-600",
"value": "#694cc0",
"compiledValue": "#694cc0"
},
{
"name": "$purple-700",
"value": "#5943b6",
"compiledValue": "#5943b6"
},
{
"name": "$purple-800",
"value": "#453894",
"compiledValue": "#453894"
},
{
"name": "$purple-900",
"value": "#2f2a6b",
"compiledValue": "#2f2a6b"
},
{
"name": "$purple-950",
"value": "#232150",
"compiledValue": "#232150"
},
{
"name": "$gray-10",
"value": "#fafafa",
"compiledValue": "#fafafa"
},
{
"name": "$gray-50",
"value": "#f0f0f0",
"compiledValue": "#f0f0f0"
},
{
"name": "$gray-100",
"value": "#dbdbdb",
"compiledValue": "#dbdbdb"
},
{
"name": "$gray-200",
"value": "#bfbfbf",
"compiledValue": "#bfbfbf"
},
{
"name": "$gray-300",
"value": "#999",
"compiledValue": "#999"
},
{
"name": "$gray-400",
"value": "#868686",
"compiledValue": "#868686"
},
{
"name": "$gray-500",
"value": "#666",
"compiledValue": "#666"
},
{
"name": "$gray-600",
"value": "#5e5e5e",
"compiledValue": "#5e5e5e"
},
{
"name": "$gray-700",
"value": "#525252",
"compiledValue": "#525252"
},
{
"name": "$gray-800",
"value": "#404040",
"compiledValue": "#404040"
},
{
"name": "$gray-900",
"value": "#303030",
"compiledValue": "#303030"
},
{
"name": "$gray-950",
"value": "#1f1f1f",
"compiledValue": "#1f1f1f"
},
{
"name": "$gl-themes",
"value": "indigo', 'blue', 'light-blue', 'green', 'red', 'light-red",
"compiledValue": "indigo , blue , light-blue , green , red , light-red"
},
{
"name": "$theme-indigo-50",
"value": "#f1f1ff",
"compiledValue": "#f1f1ff"
},
{
"name": "$theme-indigo-100",
"value": "#dbdbf8",
"compiledValue": "#dbdbf8"
},
{
"name": "$theme-indigo-200",
"value": "#c7c7f2",
"compiledValue": "#c7c7f2"
},
{
"name": "$theme-indigo-300",
"value": "#a2a2e6",
"compiledValue": "#a2a2e6"
},
{
"name": "$theme-indigo-400",
"value": "#8181d7",
"compiledValue": "#8181d7"
},
{
"name": "$theme-indigo-500",
"value": "#6666c4",
"compiledValue": "#6666c4"
},
{
"name": "$theme-indigo-600",
"value": "#5252b5",
"compiledValue": "#5252b5"
},
{
"name": "$theme-indigo-700",
"value": "#41419f",
"compiledValue": "#41419f"
},
{
"name": "$theme-indigo-800",
"value": "#303083",
"compiledValue": "#303083"
},
{
"name": "$theme-indigo-900",
"value": "#222261",
"compiledValue": "#222261"
},
{
"name": "$theme-indigo-950",
"value": "#14143d",
"compiledValue": "#14143d"
},
{
"name": "$theme-blue-50",
"value": "#cdd8e3",
"compiledValue": "#cdd8e3"
},
{
"name": "$theme-blue-100",
"value": "#b9cadc",
"compiledValue": "#b9cadc"
},
{
"name": "$theme-blue-200",
"value": "#a6bdd5",
"compiledValue": "#a6bdd5"
},
{
"name": "$theme-blue-300",
"value": "#81a5c9",
"compiledValue": "#81a5c9"
},
{
"name": "$theme-blue-400",
"value": "#628eb9",
"compiledValue": "#628eb9"
},
{
"name": "$theme-blue-500",
"value": "#4977a5",
"compiledValue": "#4977a5"
},
{
"name": "$theme-blue-600",
"value": "#346596",
"compiledValue": "#346596"
},
{
"name": "$theme-blue-700",
"value": "#235180",
"compiledValue": "#235180"
},
{
"name": "$theme-blue-800",
"value": "#153c63",
"compiledValue": "#153c63"
},
{
"name": "$theme-blue-900",
"value": "#0b2640",
"compiledValue": "#0b2640"
},
{
"name": "$theme-blue-950",
"value": "#04101c",
"compiledValue": "#04101c"
},
{
"name": "$theme-light-blue-50",
"value": "#dde6ee",
"compiledValue": "#dde6ee"
},
{
"name": "$theme-light-blue-100",
"value": "#c1d4e6",
"compiledValue": "#c1d4e6"
},
{
"name": "$theme-light-blue-200",
"value": "#a0bedc",
"compiledValue": "#a0bedc"
},
{
"name": "$theme-light-blue-300",
"value": "#74a3d3",
"compiledValue": "#74a3d3"
},
{
"name": "$theme-light-blue-400",
"value": "#4f8bc7",
"compiledValue": "#4f8bc7"
},
{
"name": "$theme-light-blue-500",
"value": "#3476b9",
"compiledValue": "#3476b9"
},
{
"name": "$theme-light-blue-600",
"value": "#2268ae",
"compiledValue": "#2268ae"
},
{
"name": "$theme-light-blue-700",
"value": "#145aa1",
"compiledValue": "#145aa1"
},
{
"name": "$theme-light-blue-800",
"value": "#0e4d8d",
"compiledValue": "#0e4d8d"
},
{
"name": "$theme-light-blue-900",
"value": "#0c4277",
"compiledValue": "#0c4277"
},
{
"name": "$theme-light-blue-950",
"value": "#0a3764",
"compiledValue": "#0a3764"
},
{
"name": "$theme-green-50",
"value": "#dde9de",
"compiledValue": "#dde9de"
},
{
"name": "$theme-green-100",
"value": "#b1d6b5",
"compiledValue": "#b1d6b5"
},
{
"name": "$theme-green-200",
"value": "#8cc497",
"compiledValue": "#8cc497"
},
{
"name": "$theme-green-300",
"value": "#69af7d",
"compiledValue": "#69af7d"
},
{
"name": "$theme-green-400",
"value": "#499767",
"compiledValue": "#499767"
},
{
"name": "$theme-green-500",
"value": "#308258",
"compiledValue": "#308258"
},
{
"name": "$theme-green-600",
"value": "#25744c",
"compiledValue": "#25744c"
},
{
"name": "$theme-green-700",
"value": "#1b653f",
"compiledValue": "#1b653f"
},
{
"name": "$theme-green-800",
"value": "#155635",
"compiledValue": "#155635"
},
{
"name": "$theme-green-900",
"value": "#0e4328",
"compiledValue": "#0e4328"
},
{
"name": "$theme-green-950",
"value": "#052e19",
"compiledValue": "#052e19"
},
{
"name": "$theme-red-50",
"value": "#f4e9e7",
"compiledValue": "#f4e9e7"
},
{
"name": "$theme-red-100",
"value": "#ecd3d0",
"compiledValue": "#ecd3d0"
},
{
"name": "$theme-red-200",
"value": "#e3bab5",
"compiledValue": "#e3bab5"
},
{
"name": "$theme-red-300",
"value": "#d59086",
"compiledValue": "#d59086"
},
{
"name": "$theme-red-400",
"value": "#c66e60",
"compiledValue": "#c66e60"
},
{
"name": "$theme-red-500",
"value": "#ad4a3b",
"compiledValue": "#ad4a3b"
},
{
"name": "$theme-red-600",
"value": "#a13322",
"compiledValue": "#a13322"
},
{
"name": "$theme-red-700",
"value": "#8f2110",
"compiledValue": "#8f2110"
},
{
"name": "$theme-red-800",
"value": "#761405",
"compiledValue": "#761405"
},
{
"name": "$theme-red-900",
"value": "#580d02",
"compiledValue": "#580d02"
},
{
"name": "$theme-red-950",
"value": "#380700",
"compiledValue": "#380700"
},
{
"name": "$theme-light-red-50",
"value": "#faf2f1",
"compiledValue": "#faf2f1"
},
{
"name": "$theme-light-red-100",
"value": "#f6d9d5",
"compiledValue": "#f6d9d5"
},
{
"name": "$theme-light-red-200",
"value": "#ebada2",
"compiledValue": "#ebada2"
},
{
"name": "$theme-light-red-300",
"value": "#e07f6f",
"compiledValue": "#e07f6f"
},
{
"name": "$theme-light-red-400",
"value": "#d36250",
"compiledValue": "#d36250"
},
{
"name": "$theme-light-red-500",
"value": "#c24b38",
"compiledValue": "#c24b38"
},
{
"name": "$theme-light-red-600",
"value": "#b53a26",
"compiledValue": "#b53a26"
},
{
"name": "$theme-light-red-700",
"value": "#a02e1c",
"compiledValue": "#a02e1c"
},
{
"name": "$theme-light-red-800",
"value": "#8b2212",
"compiledValue": "#8b2212"
},
{
"name": "$theme-light-red-900",
"value": "#751709",
"compiledValue": "#751709"
},
{
"name": "$theme-light-red-950",
"value": "#5c1105",
"compiledValue": "#5c1105"
},
{
"name": "$data-viz-green-50",
"value": "#ddfab7",
"compiledValue": "#ddfab7"
},
{
"name": "$data-viz-green-100",
"value": "#c9f097",
"compiledValue": "#c9f097"
},
{
"name": "$data-viz-green-200",
"value": "#b0de73",
"compiledValue": "#b0de73"
},
{
"name": "$data-viz-green-300",
"value": "#94c25e",
"compiledValue": "#94c25e"
},
{
"name": "$data-viz-green-400",
"value": "#83ab4a",
"compiledValue": "#83ab4a"
},
{
"name": "$data-viz-green-500",
"value": "#608b2f",
"compiledValue": "#608b2f"
},
{
"name": "$data-viz-green-600",
"value": "#487900",
"compiledValue": "#487900"
},
{
"name": "$data-viz-green-700",
"value": "#366800",
"compiledValue": "#366800"
},
{
"name": "$data-viz-green-800",
"value": "#275600",
"compiledValue": "#275600"
},
{
"name": "$data-viz-green-900",
"value": "#1a4500",
"compiledValue": "#1a4500"
},
{
"name": "$data-viz-green-950",
"value": "#0f3300",
"compiledValue": "#0f3300"
},
{
"name": "$data-viz-aqua-50",
"value": "#b8fff2",
"compiledValue": "#b8fff2"
},
{
"name": "$data-viz-aqua-100",
"value": "#93fae7",
"compiledValue": "#93fae7"
},
{
"name": "$data-viz-aqua-200",
"value": "#5eebdf",
"compiledValue": "#5eebdf"
},
{
"name": "$data-viz-aqua-300",
"value": "#25d2d2",
"compiledValue": "#25d2d2"
},
{
"name": "$data-viz-aqua-400",
"value": "#0bb6c6",
"compiledValue": "#0bb6c6"
},
{
"name": "$data-viz-aqua-500",
"value": "#0094b6",
"compiledValue": "#0094b6"
},
{
"name": "$data-viz-aqua-600",
"value": "#0080a1",
"compiledValue": "#0080a1"
},
{
"name": "$data-viz-aqua-700",
"value": "#006887",
"compiledValue": "#006887"
},
{
"name": "$data-viz-aqua-800",
"value": "#004d67",
"compiledValue": "#004d67"
},
{
"name": "$data-viz-aqua-900",
"value": "#003f57",
"compiledValue": "#003f57"
},
{
"name": "$data-viz-aqua-950",
"value": "#00293d",
"compiledValue": "#00293d"
},
{
"name": "$data-viz-blue-50",
"value": "#e9ebff",
"compiledValue": "#e9ebff"
},
{
"name": "$data-viz-blue-100",
"value": "#d4dcfa",
"compiledValue": "#d4dcfa"
},
{
"name": "$data-viz-blue-200",
"value": "#b7c6ff",
"compiledValue": "#b7c6ff"
},
{
"name": "$data-viz-blue-300",
"value": "#97acff",
"compiledValue": "#97acff"
},
{
"name": "$data-viz-blue-400",
"value": "#748eff",
"compiledValue": "#748eff"
},
{
"name": "$data-viz-blue-500",
"value": "#5772ff",
"compiledValue": "#5772ff"
},
{
"name": "$data-viz-blue-600",
"value": "#445cf2",
"compiledValue": "#445cf2"
},
{
"name": "$data-viz-blue-700",
"value": "#3547de",
"compiledValue": "#3547de"
},
{
"name": "$data-viz-blue-800",
"value": "#232fcf",
"compiledValue": "#232fcf"
},
{
"name": "$data-viz-blue-900",
"value": "#1e23a8",
"compiledValue": "#1e23a8"
},
{
"name": "$data-viz-blue-950",
"value": "#11118a",
"compiledValue": "#11118a"
},
{
"name": "$data-viz-magenta-50",
"value": "#ffe3eb",
"compiledValue": "#ffe3eb"
},
{
"name": "$data-viz-magenta-100",
"value": "#ffc9d9",
"compiledValue": "#ffc9d9"
},
{
"name": "$data-viz-magenta-200",
"value": "#fcacc5",
"compiledValue": "#fcacc5"
},
{
"name": "$data-viz-magenta-300",
"value": "#ff85af",
"compiledValue": "#ff85af"
},
{
"name": "$data-viz-magenta-400",
"value": "#f2639a",
"compiledValue": "#f2639a"
},
{
"name": "$data-viz-magenta-500",
"value": "#d84280",
"compiledValue": "#d84280"
},
{
"name": "$data-viz-magenta-600",
"value": "#c52c6b",
"compiledValue": "#c52c6b"
},
{
"name": "$data-viz-magenta-700",
"value": "#b31756",
"compiledValue": "#b31756"
},
{
"name": "$data-viz-magenta-800",
"value": "#950943",
"compiledValue": "#950943"
},
{
"name": "$data-viz-magenta-900",
"value": "#7a0033",
"compiledValue": "#7a0033"
},
{
"name": "$data-viz-magenta-950",
"value": "#570028",
"compiledValue": "#570028"
},
{
"name": "$data-viz-orange-50",
"value": "#fae8d1",
"compiledValue": "#fae8d1"
},
{
"name": "$data-viz-orange-100",
"value": "#f7d8b5",
"compiledValue": "#f7d8b5"
},
{
"name": "$data-viz-orange-200",
"value": "#f3c291",
"compiledValue": "#f3c291"
},
{
"name": "$data-viz-orange-300",
"value": "#eb9a5c",
"compiledValue": "#eb9a5c"
},
{
"name": "$data-viz-orange-400",
"value": "#e17223",
"compiledValue": "#e17223"
},
{
"name": "$data-viz-orange-500",
"value": "#d14e00",
"compiledValue": "#d14e00"
},
{
"name": "$data-viz-orange-600",
"value": "#b24800",
"compiledValue": "#b24800"
},
{
"name": "$data-viz-orange-700",
"value": "#944100",
"compiledValue": "#944100"
},
{
"name": "$data-viz-orange-800",
"value": "#6f3500",
"compiledValue": "#6f3500"
},
{
"name": "$data-viz-orange-900",
"value": "#5c2b00",
"compiledValue": "#5c2b00"
},
{
"name": "$data-viz-orange-950",
"value": "#421e00",
"compiledValue": "#421e00"
},
{
"name": "$darken-normal-factor",
"value": "7%",
"compiledValue": "7%"
},
{
"name": "$darken-dark-factor",
"value": "10%",
"compiledValue": "10%"
},
{
"name": "$darken-border-factor",
"value": "5%",
"compiledValue": "5%"
},
{
"name": "$darken-border-dashed-factor",
"value": "25%",
"compiledValue": "25%"
},
{
"name": "$t-gray-a-02",
"value": "rgba($black, 0.02)",
"compiledValue": "rgba(0, 0, 0, 0.02)"
},
{
"name": "$t-gray-a-04",
"value": "rgba($black, 0.04)",
"compiledValue": "rgba(0, 0, 0, 0.04)"
},
{
"name": "$t-gray-a-06",
"value": "rgba($black, 0.06)",
"compiledValue": "rgba(0, 0, 0, 0.06)"
},
{
"name": "$t-gray-a-08",
"value": "rgba(#000, 0.08)",
"compiledValue": "rgba(0, 0, 0, 0.08)"
},
{
"name": "$t-gray-a-24",
"value": "rgba(#000, 0.24)",
"compiledValue": "rgba(0, 0, 0, 0.24)"
},
{
"name": "$gl-text-color",
"value": "$gray-900",
"compiledValue": "#303030"
},
{
"name": "$gl-text-color-secondary",
"value": "$gray-500",
"compiledValue": "#666"
},
{
"name": "$gl-font-weight-light",
"value": "300",
"compiledValue": "300"
},
{
"name": "$gl-font-weight-normal",
"value": "400",
"compiledValue": "400"
},
{
"name": "$gl-font-weight-bold",
"value": "600",
"compiledValue": "600"
},
{
"name": "$gl-font-weights",
"value": "( 'normal': $gl-font-weight-normal, 'bold': $gl-font-weight-bold, )",
"mapValue": [
{
"name": "normal",
"value": "$gl-font-weight-normal",
"compiledValue": "400"
},
{
"name": "bold",
"value": "$gl-font-weight-bold",
"compiledValue": "600"
}
],
"compiledValue": "(\"normal\": 400, \"bold\": 600)"
},
{
"name": "$gl-line-height-16",
"value": "px-to-rem(16px)",
"compiledValue": "1rem"
},
{
"name": "$gl-line-height-20",
"value": "px-to-rem(20px)",
"compiledValue": "1.25rem"
},
{
"name": "$gl-line-height-24",
"value": "px-to-rem(24px)",
"compiledValue": "1.5rem"
},
{
"name": "$gl-line-height-28",
"value": "px-to-rem(28px)",
"compiledValue": "1.75rem"
},
{
"name": "$gl-line-height-32",
"value": "px-to-rem(32px)",
"compiledValue": "2rem"
},
{
"name": "$gl-line-height-36",
"value": "px-to-rem(36px)",
"compiledValue": "2.25rem"
},
{
"name": "$gl-line-height-44",
"value": "px-to-rem(44px)",
"compiledValue": "2.75rem"
},
{
"name": "$gl-line-height-52",
"value": "px-to-rem(52px)",
"compiledValue": "3.25rem"
},
{
"name": "$gl-font-size",
"value": "px-to-rem(14px)",
"compiledValue": "0.875rem"
},
{
"name": "$gl-font-size-sm",
"value": "px-to-rem(12px)",
"compiledValue": "0.75rem"
},
{
"name": "$gl-font-size-lg",
"value": "px-to-rem(16px)",
"compiledValue": "1rem"
},
{
"name": "$gl-font-size-h-display",
"value": "px-to-rem(28px)",
"compiledValue": "1.75rem"
},
{
"name": "$gl-font-size-h1",
"value": "px-to-rem(23px)",
"compiledValue": "1.4375rem"
},
{
"name": "$gl-font-size-h2",
"value": "px-to-rem(19px)",
"compiledValue": "1.1875rem"
},
{
"name": "$gl-font-size-h-display-md",
"value": "px-to-rem(31px)",
"compiledValue": "1.9375rem"
},
{
"name": "$gl-font-size-h1-md",
"value": "px-to-rem(25px)",
"compiledValue": "1.5625rem"
},
{
"name": "$gl-font-size-h2-md",
"value": "px-to-rem(20px)",
"compiledValue": "1.25rem"
},
{
"name": "$gl-font-size-h-display-xl",
"value": "px-to-rem(45px)",
"compiledValue": "2.8125rem"
},
{
"name": "$gl-font-size-h1-xl",
"value": "px-to-rem(32px)",
"compiledValue": "2rem"
},
{
"name": "$gl-font-size-h2-xl",
"value": "px-to-rem(23px)",
"compiledValue": "1.4375rem"
},
{
"name": "$gl-font-size-markdown",
"value": "px-to-rem(16px)",
"compiledValue": "1rem"
},
{
"name": "$gl-font-size-markdown-sm",
"value": "px-to-rem(14px)",
"compiledValue": "0.875rem"
},
{
"name": "$gl-font-size-markdown-h1",
"value": "px-to-rem(28px)",
"compiledValue": "1.75rem"
},
{
"name": "$gl-font-size-markdown-h2",
"value": "px-to-rem(23px)",
"compiledValue": "1.4375rem"
},
{
"name": "$gl-font-size-markdown-h3",
"value": "px-to-rem(19px)",
"compiledValue": "1.1875rem"
},
{
"name": "$gl-font-size-markdown-h1-md",
"value": "px-to-rem(31px)",
"compiledValue": "1.9375rem"
},
{
"name": "$gl-font-size-markdown-h2-md",
"value": "px-to-rem(25px)",
"compiledValue": "1.5625rem"
},
{
"name": "$gl-font-size-markdown-h3-md",
"value": "px-to-rem(20px)",
"compiledValue": "1.25rem"
},
{
"name": "$gl-font-size-markdown-h1-xl",
"value": "px-to-rem(45px)",
"compiledValue": "2.8125rem"
},
{
"name": "$gl-font-size-markdown-h2-xl",
"value": "px-to-rem(32px)",
"compiledValue": "2rem"
},
{
"name": "$gl-font-size-markdown-h3-xl",
"value": "px-to-rem(23px)",
"compiledValue": "1.4375rem"
},
{
"name": "$gl-font-size-compact-markdown-h1",
"value": "px-to-rem(19px)",
"compiledValue": "1.1875rem"
},
{
"name": "$gl-font-size-compact-markdown-h1-md",
"value": "px-to-rem(20px)",
"compiledValue": "1.25rem"
},
{
"name": "$gl-font-size-compact-markdown-h1-xl",
"value": "px-to-rem(23px)",
"compiledValue": "1.4375rem"
},
{
"name": "$gl-font-size-monospace",
"value": "px-to-rem(13px)",
"compiledValue": "0.8125rem"
},
{
"name": "$gl-font-size-monospace-lg",
"value": "px-to-rem(15px)",
"compiledValue": "0.9375rem"
},
{
"name": "$gl-font-size-monospace-sm",
"value": "px-to-rem(11px)",
"compiledValue": "0.6875rem"
},
{
"name": "$gl-monospace-font",
"value": "'Menlo', 'DejaVu Sans Mono', 'Liberation Mono', 'Consolas', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace",
"compiledValue": "Menlo, DejaVu Sans Mono, Liberation Mono, Consolas, Ubuntu Mono, Courier New, andale mono, lucida console, monospace"
},
{
"name": "$gl-regular-font",
"value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
"compiledValue": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
},
{
"name": "$gl-fonts",
"value": "( 'monospace': $gl-monospace-font, 'regular': $gl-regular-font, )",
"mapValue": [
{
"name": "monospace",
"value": "$gl-monospace-font",
"compiledValue": "Menlo, DejaVu Sans Mono, Liberation Mono, Consolas, Ubuntu Mono, Courier New, andale mono, lucida console, monospace"
},
{
"name": "regular",
"value": "$gl-regular-font",
"compiledValue": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
}
],
"compiledValue": "(\"monospace\": \"Menlo\", \"DejaVu Sans Mono\", \"Liberation Mono\", \"Consolas\", \"Ubuntu Mono\", \"Courier New\", \"andale mono\", \"lucida console\", monospace, \"regular\": -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Noto Sans\", Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")"
},
{
"name": "$gl-border-size-1",
"value": "1px",
"compiledValue": "1px"
},
{
"name": "$gl-border-size-2",
"value": "2px",
"compiledValue": "2px"
},
{
"name": "$gl-border-size-3",
"value": "3px",
"compiledValue": "3px"
},
{
"name": "$gl-border-size-4",
"value": "4px",
"compiledValue": "4px"
},
{
"name": "$gl-border-size-5",
"value": "5px",
"compiledValue": "5px"
},
{
"name": "$gl-border-size-8",
"value": "8px",
"compiledValue": "8px"
},
{
"name": "$gl-border-radius-small",
"value": "$gl-spacing-scale-1",
"compiledValue": "0.125rem"
},
{
"name": "$gl-border-radius-base",
"value": "$gl-spacing-scale-2",
"compiledValue": "0.25rem"
},
{
"name": "$gl-border-radius-large",
"value": "$gl-spacing-scale-3",
"compiledValue": "0.5rem"
},
{
"name": "$gl-border-radius-6",
"value": "$gl-spacing-scale-6",
"compiledValue": "1.5rem"
},
{
"name": "$gl-border-radius-7",
"value": "$gl-spacing-scale-7",
"compiledValue": "2rem"
},
{
"name": "$gl-border-radius-full",
"value": "50%",
"compiledValue": "50%"
},
{
"name": "$gl-transition-duration-slow",
"value": "0.4s",
"compiledValue": "0.4s"
},
{
"name": "$gl-transition-duration-medium",
"value": "0.2s",
"compiledValue": "0.2s"
},
{
"name": "$focus-ring",
"value": "0 0 0 $gl-border-size-1 rgba($white, 0.4), 0 0 0 $gl-border-size-4 rgba($blue-500, 0.48)",
"compiledValue": "0 0 0 1px rgba(255, 255, 255, 0.4), 0 0 0 4px rgba(31, 117, 203, 0.48)"
},
{
"name": "$focus-ring-inset",
"value": "inset 0 0 0 $gl-border-size-3 rgba($blue-500, 0.48), inset 0 0 0 $gl-border-size-4 rgba($white, 0.4)",
"compiledValue": "inset 0 0 0 3px rgba(31, 117, 203, 0.48), inset 0 0 0 4px rgba(255, 255, 255, 0.4)"
},
{
"name": "$toast-max-width",
"value": "px-to-rem(586px)",
"compiledValue": "36.625rem"
},
{
"name": "$toast-padding-right",
"value": "px-to-rem(42px)",
"compiledValue": "2.625rem"
},
{
"name": "$toast-background-color",
"value": "#303030",
"compiledValue": "#303030"
},
{
"name": "$chart-tooltip-max-width",
"value": "px-to-rem(512px)",
"compiledValue": "32rem"
},
{
"name": "$gl-icon-chevron-left",
"value": "'data:image/svg+xml",
"mapValue": [
{
"name": "data",
"value": "image",
"compiledValue": "image"
}
],
"compiledValue": "#{'data:image/svg+xml}"
},
{
"name": "$gl-icon-chevron-right",
"value": "'data:image/svg+xml",
"mapValue": [
{
"name": "data",
"value": "image",
"compiledValue": "image"
}
],
"compiledValue": "#{'data:image/svg+xml}"
},
{
"name": "$gl-icon-chevron-down",
"value": "'data:image/svg+xml",
"mapValue": [
{
"name": "data",
"value": "image",
"compiledValue": "image"
}
],
"compiledValue": "#{'data:image/svg+xml}"
},
{
"name": "$default-icon-size",
"value": "px-to-rem(16px)",
"compiledValue": "1rem"
},
{
"name": "$gl-icon-sizes",
"value": "8 12 14 16 24 32 48 72",
"compiledValue": "8 12 14 16 24 32 48 72"
},
{
"name": "$gl-dropdown-width",
"value": "px-to-rem(240px)",
"compiledValue": "15rem"
},
{
"name": "$gl-dropdown-width-narrow",
"value": "px-to-rem(160px)",
"compiledValue": "10rem"
},
{
"name": "$gl-dropdown-width-wide",
"value": "px-to-rem(400px)",
"compiledValue": "25rem"
},
{
"name": "$gl-max-dropdown-max-height",
"value": "px-to-rem(312px)",
"compiledValue": "19.5rem"
},
{
"name": "$gl-broadcast-message-text-max-width",
"value": "px-to-rem(934px)",
"compiledValue": "58.375rem"
},
{
"name": "$gl-modal-small-width",
"value": "px-to-rem(512px)",
"compiledValue": "32rem"
},
{
"name": "$gl-modal-medium-width",
"value": "px-to-rem(768px)",
"compiledValue": "48rem"
},
{
"name": "$gl-modal-large-width",
"value": "px-to-rem(990px)",
"compiledValue": "61.875rem"
},
{
"name": "$modal-header-border-color",
"value": "$gray-200",
"compiledValue": "#bfbfbf"
},
{
"name": "$modal-footer-border-color",
"value": "$gray-200",
"compiledValue": "#bfbfbf"
},
{
"name": "$modal-title-line-height",
"value": "$gl-line-height-20",
"compiledValue": "1.25rem"
},
{
"name": "$modal-backdrop",
"value": "#000",
"compiledValue": "#000"
},
{
"name": "$modal-backdrop-opacity",
"value": "0.64",
"compiledValue": "0.64"
},
{
"name": "$body-color",
"value": "$gl-text-color",
"compiledValue": "#303030"
},
{
"name": "$secondary",
"value": "$gray-50",
"compiledValue": "#f0f0f0"
},
{
"name": "$success",
"value": "$green-500",
"compiledValue": "#108548"
},
{
"name": "$info",
"value": "$blue-500",
"compiledValue": "#1f75cb"
},
{
"name": "$warning",
"value": "$orange-500",
"compiledValue": "#ab6100"
},
{
"name": "$danger",
"value": "$red-500",
"compiledValue": "#dd2b0e"
},
{
"name": "$font-weight-bold",
"value": "$gl-font-weight-bold",
"compiledValue": "600"
},
{
"name": "$font-family-sans-serif",
"value": "$gl-regular-font",
"compiledValue": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
},
{
"name": "$font-family-monospace",
"value": "$gl-monospace-font",
"compiledValue": "Menlo, DejaVu Sans Mono, Liberation Mono, Consolas, Ubuntu Mono, Courier New, andale mono, lucida console, monospace"
},
{
"name": "$h1-font-size",
"value": "$gl-font-size * 2.5",
"compiledValue": "2.1875rem"
},
{
"name": "$h2-font-size",
"value": "$gl-font-size * 2",
"compiledValue": "1.75rem"
},
{
"name": "$h3-font-size",
"value": "$gl-font-size * 1.75",
"compiledValue": "1.53125rem"
},
{
"name": "$h4-font-size",
"value": "$gl-font-size * 1.5",
"compiledValue": "1.3125rem"
},
{
"name": "$h5-font-size",
"value": "$gl-font-size * 1.25",
"compiledValue": "1.09375rem"
},
{
"name": "$h6-font-size",
"value": "$gl-font-size",
"compiledValue": "0.875rem"
},
{
"name": "$spacer",
"value": "$grid-size",
"compiledValue": "0.5rem"
},
{
"name": "$spacers",
"value": "( 1: $gl-spacing-scale-2, 2: $gl-spacing-scale-3, 3: $gl-spacing-scale-5, 4: $gl-spacing-scale-6, 5: $gl-spacing-scale-7, 6: $gl-spacing-scale-8, 7: $gl-spacing-scale-9, 8: $gl-spacing-scale-10, 9: $gl-spacing-scale-11, )",
"compiledValue": "(1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2rem, 6: 2.5rem, 7: 3rem, 8: 3.5rem, 9: 4rem)"
},
{
"name": "$table-accent-bg",
"value": "$gray-50",
"compiledValue": "#f0f0f0"
},
{
"name": "$card-border-color",
"value": "$gray-100",
"compiledValue": "#dbdbdb"
},
{
"name": "$card-cap-bg",
"value": "$gray-10",
"compiledValue": "#fafafa"
},
{
"name": "$gl-form-input-sizes",
"value": "( xs: $grid-size * 10, sm: $grid-size * 20, md: $grid-size * 30, lg: $grid-size * 40, xl: $grid-size * 70, )",
"mapValue": [
{
"name": "xs",
"value": "$grid-size * 10",
"compiledValue": "5rem"
},
{
"name": "sm",
"value": "$grid-size * 20",
"compiledValue": "10rem"
},
{
"name": "md",
"value": "$grid-size * 30",
"compiledValue": "15rem"
},
{
"name": "lg",
"value": "$grid-size * 40",
"compiledValue": "20rem"
},
{
"name": "xl",
"value": "$grid-size * 70",
"compiledValue": "35rem"
}
],
"compiledValue": "(xs: 5rem, sm: 10rem, md: 15rem, lg: 20rem, xl: 35rem)"
},
{
"name": "$popover-bg",
"value": "$white",
"compiledValue": "#fff"
},
{
"name": "$popover-arrow-width",
"value": "0.5rem",
"compiledValue": "0.5rem"
},
{
"name": "$popover-arrow-height",
"value": "0.25rem",
"compiledValue": "0.25rem"
},
{
"name": "$popover-arrow-color",
"value": "$popover-bg",
"compiledValue": "#fff"
},
{
"name": "$popover-arrow-outer-color",
"value": "$gray-100",
"compiledValue": "#dbdbdb"
},
{
"name": "$tooltip-opacity",
"value": "1",
"compiledValue": "1"
}
]
}