@gitlab/ui
Version:
GitLab UI Components
1,279 lines • 29.5 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-12",
"value": "10 * $grid-size",
"compiledValue": "5rem"
},
{
"name": "$gl-spacing-scale-13",
"value": "12 * $grid-size",
"compiledValue": "6rem"
},
{
"name": "$breakpoint-sm",
"value": "px-to-rem(576px)",
"compiledValue": "36rem"
},
{
"name": "$breakpoint-md",
"value": "px-to-rem(768px)",
"compiledValue": "48rem"
},
{
"name": "$breakpoint-lg",
"value": "px-to-rem(992px)",
"compiledValue": "62rem"
},
{
"name": "$breakpoint-xl",
"value": "px-to-rem(1200px)",
"compiledValue": "75rem"
},
{
"name": "$transparent",
"value": "transparent",
"compiledValue": "transparent"
},
{
"name": "$black",
"value": "#000",
"compiledValue": "#000"
},
{
"name": "$black-normal",
"value": "#333",
"compiledValue": "#333"
},
{
"name": "$white",
"value": "#fff",
"compiledValue": "#fff"
},
{
"name": "$white-light",
"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": "$green-50",
"value": "#f1fdf6",
"compiledValue": "#f1fdf6"
},
{
"name": "$green-100",
"value": "#dcf5e7",
"compiledValue": "#dcf5e7"
},
{
"name": "$green-200",
"value": "#b3e6c8",
"compiledValue": "#b3e6c8"
},
{
"name": "$green-300",
"value": "#75d09b",
"compiledValue": "#75d09b"
},
{
"name": "$green-400",
"value": "#37b96d",
"compiledValue": "#37b96d"
},
{
"name": "$green-500",
"value": "#1aaa55",
"compiledValue": "#1aaa55"
},
{
"name": "$green-600",
"value": "#168f48",
"compiledValue": "#168f48"
},
{
"name": "$green-700",
"value": "#12753a",
"compiledValue": "#12753a"
},
{
"name": "$green-800",
"value": "#0e5a2d",
"compiledValue": "#0e5a2d"
},
{
"name": "$green-900",
"value": "#0a4020",
"compiledValue": "#0a4020"
},
{
"name": "$green-950",
"value": "#072b15",
"compiledValue": "#072b15"
},
{
"name": "$blue-50",
"value": "#f6fafe",
"compiledValue": "#f6fafe"
},
{
"name": "$blue-100",
"value": "#e4f0fb",
"compiledValue": "#e4f0fb"
},
{
"name": "$blue-200",
"value": "#b8d6f4",
"compiledValue": "#b8d6f4"
},
{
"name": "$blue-300",
"value": "#73afea",
"compiledValue": "#73afea"
},
{
"name": "$blue-400",
"value": "#418cd8",
"compiledValue": "#418cd8"
},
{
"name": "$blue-500",
"value": "#1f78d1",
"compiledValue": "#1f78d1"
},
{
"name": "$blue-600",
"value": "#1b69b6",
"compiledValue": "#1b69b6"
},
{
"name": "$blue-700",
"value": "#17599c",
"compiledValue": "#17599c"
},
{
"name": "$blue-800",
"value": "#134a81",
"compiledValue": "#134a81"
},
{
"name": "$blue-900",
"value": "#0f3b66",
"compiledValue": "#0f3b66"
},
{
"name": "$blue-950",
"value": "#0a2744",
"compiledValue": "#0a2744"
},
{
"name": "$orange-50",
"value": "#fffaf4",
"compiledValue": "#fffaf4"
},
{
"name": "$orange-100",
"value": "#fff1de",
"compiledValue": "#fff1de"
},
{
"name": "$orange-200",
"value": "#fed69f",
"compiledValue": "#fed69f"
},
{
"name": "$orange-300",
"value": "#fdbc60",
"compiledValue": "#fdbc60"
},
{
"name": "$orange-400",
"value": "#fca429",
"compiledValue": "#fca429"
},
{
"name": "$orange-500",
"value": "#fc9403",
"compiledValue": "#fc9403"
},
{
"name": "$orange-600",
"value": "#de7e00",
"compiledValue": "#de7e00"
},
{
"name": "$orange-700",
"value": "#c26700",
"compiledValue": "#c26700"
},
{
"name": "$orange-800",
"value": "#a35200",
"compiledValue": "#a35200"
},
{
"name": "$orange-900",
"value": "#853c00",
"compiledValue": "#853c00"
},
{
"name": "$orange-950",
"value": "#592800",
"compiledValue": "#592800"
},
{
"name": "$red-50",
"value": "#fef6f5",
"compiledValue": "#fef6f5"
},
{
"name": "$red-100",
"value": "#fbe5e1",
"compiledValue": "#fbe5e1"
},
{
"name": "$red-200",
"value": "#f2b4a9",
"compiledValue": "#f2b4a9"
},
{
"name": "$red-300",
"value": "#ea8271",
"compiledValue": "#ea8271"
},
{
"name": "$red-400",
"value": "#e05842",
"compiledValue": "#e05842"
},
{
"name": "$red-500",
"value": "#db3b21",
"compiledValue": "#db3b21"
},
{
"name": "$red-600",
"value": "#c0341d",
"compiledValue": "#c0341d"
},
{
"name": "$red-700",
"value": "#a62d19",
"compiledValue": "#a62d19"
},
{
"name": "$red-800",
"value": "#8b2615",
"compiledValue": "#8b2615"
},
{
"name": "$red-900",
"value": "#711e11",
"compiledValue": "#711e11"
},
{
"name": "$red-950",
"value": "#4b140b",
"compiledValue": "#4b140b"
},
{
"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": "#6b51b8",
"compiledValue": "#6b51b8"
},
{
"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-50",
"value": "#fafafa",
"compiledValue": "#fafafa"
},
{
"name": "$gray-100",
"value": "#f2f2f2",
"compiledValue": "#f2f2f2"
},
{
"name": "$gray-200",
"value": "#dfdfdf",
"compiledValue": "#dfdfdf"
},
{
"name": "$gray-300",
"value": "#ccc",
"compiledValue": "#ccc"
},
{
"name": "$gray-400",
"value": "#bababa",
"compiledValue": "#bababa"
},
{
"name": "$gray-500",
"value": "#a7a7a7",
"compiledValue": "#a7a7a7"
},
{
"name": "$gray-600",
"value": "#919191",
"compiledValue": "#919191"
},
{
"name": "$gray-700",
"value": "#707070",
"compiledValue": "#707070"
},
{
"name": "$gray-800",
"value": "#4f4f4f",
"compiledValue": "#4f4f4f"
},
{
"name": "$gray-900",
"value": "#2e2e2e",
"compiledValue": "#2e2e2e"
},
{
"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": "#f7f7ff",
"compiledValue": "#f7f7ff"
},
{
"name": "$theme-indigo-100",
"value": "#ebebfa",
"compiledValue": "#ebebfa"
},
{
"name": "$theme-indigo-200",
"value": "#d1d1f0",
"compiledValue": "#d1d1f0"
},
{
"name": "$theme-indigo-300",
"value": "#a6a6de",
"compiledValue": "#a6a6de"
},
{
"name": "$theme-indigo-400",
"value": "#7c7ccc",
"compiledValue": "#7c7ccc"
},
{
"name": "$theme-indigo-500",
"value": "#6666c4",
"compiledValue": "#6666c4"
},
{
"name": "$theme-indigo-600",
"value": "#5b5bbd",
"compiledValue": "#5b5bbd"
},
{
"name": "$theme-indigo-700",
"value": "#4b4ba3",
"compiledValue": "#4b4ba3"
},
{
"name": "$theme-indigo-800",
"value": "#393982",
"compiledValue": "#393982"
},
{
"name": "$theme-indigo-900",
"value": "#292961",
"compiledValue": "#292961"
},
{
"name": "$theme-indigo-950",
"value": "#1a1a40",
"compiledValue": "#1a1a40"
},
{
"name": "$theme-blue-50",
"value": "#f4f8fc",
"compiledValue": "#f4f8fc"
},
{
"name": "$theme-blue-100",
"value": "#e6edf5",
"compiledValue": "#e6edf5"
},
{
"name": "$theme-blue-200",
"value": "#c8d7e6",
"compiledValue": "#c8d7e6"
},
{
"name": "$theme-blue-300",
"value": "#97b3cf",
"compiledValue": "#97b3cf"
},
{
"name": "$theme-blue-400",
"value": "#648cb4",
"compiledValue": "#648cb4"
},
{
"name": "$theme-blue-500",
"value": "#4a79a8",
"compiledValue": "#4a79a8"
},
{
"name": "$theme-blue-600",
"value": "#3e6fa0",
"compiledValue": "#3e6fa0"
},
{
"name": "$theme-blue-700",
"value": "#305c88",
"compiledValue": "#305c88"
},
{
"name": "$theme-blue-800",
"value": "#25496e",
"compiledValue": "#25496e"
},
{
"name": "$theme-blue-900",
"value": "#1a3652",
"compiledValue": "#1a3652"
},
{
"name": "$theme-blue-950",
"value": "#0f2235",
"compiledValue": "#0f2235"
},
{
"name": "$theme-light-blue-50",
"value": "#f2f7fc",
"compiledValue": "#f2f7fc"
},
{
"name": "$theme-light-blue-100",
"value": "#ebf1f7",
"compiledValue": "#ebf1f7"
},
{
"name": "$theme-light-blue-200",
"value": "#c9dcf2",
"compiledValue": "#c9dcf2"
},
{
"name": "$theme-light-blue-300",
"value": "#83abd4",
"compiledValue": "#83abd4"
},
{
"name": "$theme-light-blue-400",
"value": "#4d86bf",
"compiledValue": "#4d86bf"
},
{
"name": "$theme-light-blue-500",
"value": "#367cc2",
"compiledValue": "#367cc2"
},
{
"name": "$theme-light-blue-600",
"value": "#3771ab",
"compiledValue": "#3771ab"
},
{
"name": "$theme-light-blue-700",
"value": "#2261a1",
"compiledValue": "#2261a1"
},
{
"name": "$theme-light-blue-800",
"value": "#25496e",
"compiledValue": "#25496e"
},
{
"name": "$theme-light-blue-900",
"value": "#1a3652",
"compiledValue": "#1a3652"
},
{
"name": "$theme-light-blue-950",
"value": "#0f2235",
"compiledValue": "#0f2235"
},
{
"name": "$theme-green-50",
"value": "#f2faf6",
"compiledValue": "#f2faf6"
},
{
"name": "$theme-green-100",
"value": "#e4f3ea",
"compiledValue": "#e4f3ea"
},
{
"name": "$theme-green-200",
"value": "#c0dfcd",
"compiledValue": "#c0dfcd"
},
{
"name": "$theme-green-300",
"value": "#8ac2a1",
"compiledValue": "#8ac2a1"
},
{
"name": "$theme-green-400",
"value": "#52a274",
"compiledValue": "#52a274"
},
{
"name": "$theme-green-500",
"value": "#35935c",
"compiledValue": "#35935c"
},
{
"name": "$theme-green-600",
"value": "#288a50",
"compiledValue": "#288a50"
},
{
"name": "$theme-green-700",
"value": "#1c7441",
"compiledValue": "#1c7441"
},
{
"name": "$theme-green-800",
"value": "#145d33",
"compiledValue": "#145d33"
},
{
"name": "$theme-green-900",
"value": "#0d4524",
"compiledValue": "#0d4524"
},
{
"name": "$theme-green-950",
"value": "#072d16",
"compiledValue": "#072d16"
},
{
"name": "$theme-red-50",
"value": "#fcf4f2",
"compiledValue": "#fcf4f2"
},
{
"name": "$theme-red-100",
"value": "#fae9e6",
"compiledValue": "#fae9e6"
},
{
"name": "$theme-red-200",
"value": "#ebcac5",
"compiledValue": "#ebcac5"
},
{
"name": "$theme-red-300",
"value": "#d99b91",
"compiledValue": "#d99b91"
},
{
"name": "$theme-red-400",
"value": "#b0655a",
"compiledValue": "#b0655a"
},
{
"name": "$theme-red-500",
"value": "#ad4a3b",
"compiledValue": "#ad4a3b"
},
{
"name": "$theme-red-600",
"value": "#9e4133",
"compiledValue": "#9e4133"
},
{
"name": "$theme-red-700",
"value": "#912f20",
"compiledValue": "#912f20"
},
{
"name": "$theme-red-800",
"value": "#78291d",
"compiledValue": "#78291d"
},
{
"name": "$theme-red-900",
"value": "#691a16",
"compiledValue": "#691a16"
},
{
"name": "$theme-red-950",
"value": "#36140f",
"compiledValue": "#36140f"
},
{
"name": "$theme-light-red-50",
"value": "#fff6f5",
"compiledValue": "#fff6f5"
},
{
"name": "$theme-light-red-100",
"value": "#fae2de",
"compiledValue": "#fae2de"
},
{
"name": "$theme-light-red-200",
"value": "#f7d5d0",
"compiledValue": "#f7d5d0"
},
{
"name": "$theme-light-red-300",
"value": "#d9796a",
"compiledValue": "#d9796a"
},
{
"name": "$theme-light-red-400",
"value": "#cf604e",
"compiledValue": "#cf604e"
},
{
"name": "$theme-light-red-500",
"value": "#c24b38",
"compiledValue": "#c24b38"
},
{
"name": "$theme-light-red-600",
"value": "#b03927",
"compiledValue": "#b03927"
},
{
"name": "$theme-light-red-700",
"value": "#a62e21",
"compiledValue": "#a62e21"
},
{
"name": "$theme-light-red-800",
"value": "#78291d",
"compiledValue": "#78291d"
},
{
"name": "$theme-light-red-900",
"value": "#691a16",
"compiledValue": "#691a16"
},
{
"name": "$theme-light-red-950",
"value": "#36140f",
"compiledValue": "#36140f"
},
{
"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($black, 0.08)",
"compiledValue": "rgba(0, 0, 0, 0.08)"
},
{
"name": "$t-gray-a-24",
"value": "rgba($black, 0.24)",
"compiledValue": "rgba(0, 0, 0, 0.24)"
},
{
"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(23px)",
"compiledValue": "1.4375rem"
},
{
"name": "$gl-font-size-markdown-h2",
"value": "px-to-rem(19px)",
"compiledValue": "1.1875rem"
},
{
"name": "$gl-font-size-markdown-h3",
"value": "px-to-rem(16px)",
"compiledValue": "1rem"
},
{
"name": "$gl-font-size-markdown-h4",
"value": "px-to-rem(16px)",
"compiledValue": "1rem"
},
{
"name": "$gl-font-size-markdown-hn",
"value": "px-to-rem(14px)",
"compiledValue": "0.875rem"
},
{
"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",
"value": "px-to-rem(14px)",
"compiledValue": "0.875rem"
},
{
"name": "$gl-font-size-compact-markdown-sm",
"value": "px-to-rem(12px)",
"compiledValue": "0.75rem"
},
{
"name": "$gl-font-size-compact-markdown-h1",
"value": "px-to-rem(19px)",
"compiledValue": "1.1875rem"
},
{
"name": "$gl-font-size-compact-markdown-h2",
"value": "px-to-rem(16px)",
"compiledValue": "1rem"
},
{
"name": "$gl-font-size-compact-markdown-hn",
"value": "px-to-rem(14px)",
"compiledValue": "0.875rem"
},
{
"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": "px-to-rem(1px)",
"compiledValue": "0.0625rem"
},
{
"name": "$gl-border-size-2",
"value": "px-to-rem(2px)",
"compiledValue": "0.125rem"
},
{
"name": "$gl-border-size-3",
"value": "px-to-rem(3px)",
"compiledValue": "0.1875rem"
},
{
"name": "$gl-border-size-4",
"value": "px-to-rem(4px)",
"compiledValue": "0.25rem"
},
{
"name": "$gl-border-size-5",
"value": "px-to-rem(5px)",
"compiledValue": "0.3125rem"
},
{
"name": "$gl-border-size-8",
"value": "px-to-rem(8px)",
"compiledValue": "0.5rem"
},
{
"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-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": "$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-opacity",
"value": "0.95",
"compiledValue": "0.95"
},
{
"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(18px)",
"compiledValue": "1.125rem"
},
{
"name": "$gl-icon-sizes",
"value": "8 10 12 14 16 18 24 32 48 72",
"compiledValue": "8 10 12 14 16 18 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"
}
]
}