Placeholder Color
| Class | Properties |
|---|---|
| gl-placeholder-inherit | &::placeholder: {
"color": "inherit"
}; |
| gl-placeholder-current | &::placeholder: {
"color": "currentColor"
}; |
| gl-placeholder-transparent | &::placeholder: {
"color": "transparent"
}; |
| gl-placeholder-white | &::placeholder: {
"color": "var(--white, #fff)"
}; |
| gl-placeholder-black | &::placeholder: {
"color": "var(--black, #050506)"
}; |
| gl-placeholder-alpha-dark-2 | &::placeholder: {
"color": "var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02))"
}; |
| gl-placeholder-alpha-dark-4 | &::placeholder: {
"color": "var(--gl-color-alpha-dark-4, rgba(05, 05, 06, 0.04))"
}; |
| gl-placeholder-alpha-dark-6 | &::placeholder: {
"color": "var(--gl-color-alpha-dark-6, rgba(05, 05, 06, 0.06))"
}; |
| gl-placeholder-alpha-dark-8 | &::placeholder: {
"color": "var(--gl-color-alpha-dark-8, rgba(05, 05, 06, 0.08))"
}; |
| gl-placeholder-alpha-dark-16 | &::placeholder: {
"color": "var(--gl-color-alpha-dark-16, rgba(05, 05, 06, 0.16))"
}; |
| gl-placeholder-alpha-dark-24 | &::placeholder: {
"color": "var(--gl-color-alpha-dark-24, rgba(05, 05, 06, 0.24))"
}; |
| gl-placeholder-alpha-dark-40 | &::placeholder: {
"color": "var(--gl-color-alpha-dark-40, rgba(05, 05, 06, 0.4))"
}; |
| gl-placeholder-alpha-light-2 | &::placeholder: {
"color": "var(--gl-color-alpha-light-2, rgba(255, 255, 255, 0.02))"
}; |
| gl-placeholder-alpha-light-4 | &::placeholder: {
"color": "var(--gl-color-alpha-light-4, rgba(255, 255, 255, 0.04))"
}; |
| gl-placeholder-alpha-light-6 | &::placeholder: {
"color": "var(--gl-color-alpha-light-6, rgba(255, 255, 255, 0.06))"
}; |
| gl-placeholder-alpha-light-8 | &::placeholder: {
"color": "var(--gl-color-alpha-light-8, rgba(255, 255, 255, 0.08))"
}; |
| gl-placeholder-alpha-light-16 | &::placeholder: {
"color": "var(--gl-color-alpha-light-16, rgba(255, 255, 255, 0.16))"
}; |
| gl-placeholder-alpha-light-24 | &::placeholder: {
"color": "var(--gl-color-alpha-light-24, rgba(255, 255, 255, 0.24))"
}; |
| gl-placeholder-alpha-light-36 | &::placeholder: {
"color": "var(--gl-color-alpha-light-36, rgba(255, 255, 255, 0.36))"
}; |
| gl-placeholder-blue-50 | &::placeholder: {
"color": "var(--blue-50, #e9f3fc)"
}; |
| gl-placeholder-blue-100 | &::placeholder: {
"color": "var(--blue-100, #cbe2f9)"
}; |
| gl-placeholder-blue-200 | &::placeholder: {
"color": "var(--blue-200, #9dc7f1)"
}; |
| gl-placeholder-blue-300 | &::placeholder: {
"color": "var(--blue-300, #63a6e9)"
}; |
| gl-placeholder-blue-400 | &::placeholder: {
"color": "var(--blue-400, #428fdc)"
}; |
| gl-placeholder-blue-500 | &::placeholder: {
"color": "var(--blue-500, #1f75cb)"
}; |
| gl-placeholder-blue-600 | &::placeholder: {
"color": "var(--blue-600, #2f68b4)"
}; |
| gl-placeholder-blue-700 | &::placeholder: {
"color": "var(--blue-700, #2f5ca0)"
}; |
| gl-placeholder-blue-800 | &::placeholder: {
"color": "var(--blue-800, #284779)"
}; |
| gl-placeholder-blue-900 | &::placeholder: {
"color": "var(--blue-900, #213454)"
}; |
| gl-placeholder-blue-950 | &::placeholder: {
"color": "var(--blue-950, #1d283e)"
}; |
| gl-placeholder-gray-10 | &::placeholder: {
"color": "var(--gray-10, #fbfafd)"
}; |
| gl-placeholder-gray-50 | &::placeholder: {
"color": "var(--gray-50, #ececef)"
}; |
| gl-placeholder-gray-100 | &::placeholder: {
"color": "var(--gray-100, #dcdcde)"
}; |
| gl-placeholder-gray-200 | &::placeholder: {
"color": "var(--gray-200, #bfbfc3)"
}; |
| gl-placeholder-gray-300 | &::placeholder: {
"color": "var(--gray-300, #a4a3a8)"
}; |
| gl-placeholder-gray-400 | &::placeholder: {
"color": "var(--gray-400, #89888d)"
}; |
| gl-placeholder-gray-500 | &::placeholder: {
"color": "var(--gray-500, #737278)"
}; |
| gl-placeholder-gray-600 | &::placeholder: {
"color": "var(--gray-600, #626168)"
}; |
| gl-placeholder-gray-700 | &::placeholder: {
"color": "var(--gray-700, #4c4b51)"
}; |
| gl-placeholder-gray-800 | &::placeholder: {
"color": "var(--gray-800, #3a383f)"
}; |
| gl-placeholder-gray-900 | &::placeholder: {
"color": "var(--gray-900, #28272d)"
}; |
| gl-placeholder-gray-950 | &::placeholder: {
"color": "var(--gray-950, #18171d)"
}; |
| gl-placeholder-green-50 | &::placeholder: {
"color": "var(--green-50, #ecf4ee)"
}; |
| gl-placeholder-green-100 | &::placeholder: {
"color": "var(--green-100, #c3e6cd)"
}; |
| gl-placeholder-green-200 | &::placeholder: {
"color": "var(--green-200, #91d4a8)"
}; |
| gl-placeholder-green-300 | &::placeholder: {
"color": "var(--green-300, #52b87a)"
}; |
| gl-placeholder-green-400 | &::placeholder: {
"color": "var(--green-400, #2da160)"
}; |
| gl-placeholder-green-500 | &::placeholder: {
"color": "var(--green-500, #108548)"
}; |
| gl-placeholder-green-600 | &::placeholder: {
"color": "var(--green-600, #2f7549)"
}; |
| gl-placeholder-green-700 | &::placeholder: {
"color": "var(--green-700, #306440)"
}; |
| gl-placeholder-green-800 | &::placeholder: {
"color": "var(--green-800, #225131)"
}; |
| gl-placeholder-green-900 | &::placeholder: {
"color": "var(--green-900, #1e3e28)"
}; |
| gl-placeholder-green-950 | &::placeholder: {
"color": "var(--green-950, #17291c)"
}; |
| gl-placeholder-orange-50 | &::placeholder: {
"color": "var(--orange-50, #fdf1dd)"
}; |
| gl-placeholder-orange-100 | &::placeholder: {
"color": "var(--orange-100, #f5d9a8)"
}; |
| gl-placeholder-orange-200 | &::placeholder: {
"color": "var(--orange-200, #e9be74)"
}; |
| gl-placeholder-orange-300 | &::placeholder: {
"color": "var(--orange-300, #d99530)"
}; |
| gl-placeholder-orange-400 | &::placeholder: {
"color": "var(--orange-400, #c17d10)"
}; |
| gl-placeholder-orange-500 | &::placeholder: {
"color": "var(--orange-500, #ab6100)"
}; |
| gl-placeholder-orange-600 | &::placeholder: {
"color": "var(--orange-600, #995715)"
}; |
| gl-placeholder-orange-700 | &::placeholder: {
"color": "var(--orange-700, #894b16)"
}; |
| gl-placeholder-orange-800 | &::placeholder: {
"color": "var(--orange-800, #693c14)"
}; |
| gl-placeholder-orange-900 | &::placeholder: {
"color": "var(--orange-900, #532e16)"
}; |
| gl-placeholder-orange-950 | &::placeholder: {
"color": "var(--orange-950, #382315)"
}; |
| gl-placeholder-purple-50 | &::placeholder: {
"color": "var(--purple-50, #f4f0ff)"
}; |
| gl-placeholder-purple-100 | &::placeholder: {
"color": "var(--purple-100, #e1d8f9)"
}; |
| gl-placeholder-purple-200 | &::placeholder: {
"color": "var(--purple-200, #cbbbf2)"
}; |
| gl-placeholder-purple-300 | &::placeholder: {
"color": "var(--purple-300, #ac93e6)"
}; |
| gl-placeholder-purple-400 | &::placeholder: {
"color": "var(--purple-400, #9475db)"
}; |
| gl-placeholder-purple-500 | &::placeholder: {
"color": "var(--purple-500, #7b58cf)"
}; |
| gl-placeholder-purple-600 | &::placeholder: {
"color": "var(--purple-600, #6a4fb4)"
}; |
| gl-placeholder-purple-700 | &::placeholder: {
"color": "var(--purple-700, #5c47a6)"
}; |
| gl-placeholder-purple-800 | &::placeholder: {
"color": "var(--purple-800, #493c83)"
}; |
| gl-placeholder-purple-900 | &::placeholder: {
"color": "var(--purple-900, #342d59)"
}; |
| gl-placeholder-purple-950 | &::placeholder: {
"color": "var(--purple-950, #27243e)"
}; |
| gl-placeholder-red-50 | &::placeholder: {
"color": "var(--red-50, #fcf1ef)"
}; |
| gl-placeholder-red-100 | &::placeholder: {
"color": "var(--red-100, #fdd4cd)"
}; |
| gl-placeholder-red-200 | &::placeholder: {
"color": "var(--red-200, #fcb5aa)"
}; |
| gl-placeholder-red-300 | &::placeholder: {
"color": "var(--red-300, #f57f6c)"
}; |
| gl-placeholder-red-400 | &::placeholder: {
"color": "var(--red-400, #ec5941)"
}; |
| gl-placeholder-red-500 | &::placeholder: {
"color": "var(--red-500, #dd2b0e)"
}; |
| gl-placeholder-red-600 | &::placeholder: {
"color": "var(--red-600, #c02f12)"
}; |
| gl-placeholder-red-700 | &::placeholder: {
"color": "var(--red-700, #a32c12)"
}; |
| gl-placeholder-red-800 | &::placeholder: {
"color": "var(--red-800, #812713)"
}; |
| gl-placeholder-red-900 | &::placeholder: {
"color": "var(--red-900, #582014)"
}; |
| gl-placeholder-red-950 | &::placeholder: {
"color": "var(--red-950, #3e1a14)"
}; |
| gl-placeholder-theme-indigo-10 | &::placeholder: {
"color": "var(--theme-indigo-10, #f8f8ff)"
}; |
| gl-placeholder-theme-indigo-50 | &::placeholder: {
"color": "var(--theme-indigo-50, #f1f1ff)"
}; |
| gl-placeholder-theme-indigo-100 | &::placeholder: {
"color": "var(--theme-indigo-100, #dbdbf8)"
}; |
| gl-placeholder-theme-indigo-200 | &::placeholder: {
"color": "var(--theme-indigo-200, #c7c7f2)"
}; |
| gl-placeholder-theme-indigo-300 | &::placeholder: {
"color": "var(--theme-indigo-300, #a2a2e6)"
}; |
| gl-placeholder-theme-indigo-400 | &::placeholder: {
"color": "var(--theme-indigo-400, #8181d7)"
}; |
| gl-placeholder-theme-indigo-500 | &::placeholder: {
"color": "var(--theme-indigo-500, #6666c4)"
}; |
| gl-placeholder-theme-indigo-600 | &::placeholder: {
"color": "var(--theme-indigo-600, #5252b5)"
}; |
| gl-placeholder-theme-indigo-700 | &::placeholder: {
"color": "var(--theme-indigo-700, #41419f)"
}; |
| gl-placeholder-theme-indigo-800 | &::placeholder: {
"color": "var(--theme-indigo-800, #303083)"
}; |
| gl-placeholder-theme-indigo-900 | &::placeholder: {
"color": "var(--theme-indigo-900, #222261)"
}; |
| gl-placeholder-theme-indigo-950 | &::placeholder: {
"color": "var(--theme-indigo-950, #14143d)"
}; |
| gl-placeholder-theme-blue-10 | &::placeholder: {
"color": "var(--theme-blue-10, #e6ecf0)"
}; |
| gl-placeholder-theme-blue-50 | &::placeholder: {
"color": "var(--theme-blue-50, #cdd8e3)"
}; |
| gl-placeholder-theme-blue-100 | &::placeholder: {
"color": "var(--theme-blue-100, #b9cadc)"
}; |
| gl-placeholder-theme-blue-200 | &::placeholder: {
"color": "var(--theme-blue-200, #a6bdd5)"
}; |
| gl-placeholder-theme-blue-300 | &::placeholder: {
"color": "var(--theme-blue-300, #81a5c9)"
}; |
| gl-placeholder-theme-blue-400 | &::placeholder: {
"color": "var(--theme-blue-400, #628eb9)"
}; |
| gl-placeholder-theme-blue-500 | &::placeholder: {
"color": "var(--theme-blue-500, #4977a5)"
}; |
| gl-placeholder-theme-blue-600 | &::placeholder: {
"color": "var(--theme-blue-600, #346596)"
}; |
| gl-placeholder-theme-blue-700 | &::placeholder: {
"color": "var(--theme-blue-700, #235180)"
}; |
| gl-placeholder-theme-blue-800 | &::placeholder: {
"color": "var(--theme-blue-800, #153c63)"
}; |
| gl-placeholder-theme-blue-900 | &::placeholder: {
"color": "var(--theme-blue-900, #0b2640)"
}; |
| gl-placeholder-theme-blue-950 | &::placeholder: {
"color": "var(--theme-blue-950, #04101c)"
}; |
| gl-placeholder-theme-light-blue-10 | &::placeholder: {
"color": "var(--theme-light-blue-10, #eef3f7)"
}; |
| gl-placeholder-theme-light-blue-50 | &::placeholder: {
"color": "var(--theme-light-blue-50, #dde6ee)"
}; |
| gl-placeholder-theme-light-blue-100 | &::placeholder: {
"color": "var(--theme-light-blue-100, #c1d4e6)"
}; |
| gl-placeholder-theme-light-blue-200 | &::placeholder: {
"color": "var(--theme-light-blue-200, #a0bedc)"
}; |
| gl-placeholder-theme-light-blue-300 | &::placeholder: {
"color": "var(--theme-light-blue-300, #74a3d3)"
}; |
| gl-placeholder-theme-light-blue-400 | &::placeholder: {
"color": "var(--theme-light-blue-400, #4f8bc7)"
}; |
| gl-placeholder-theme-light-blue-500 | &::placeholder: {
"color": "var(--theme-light-blue-500, #3476b9)"
}; |
| gl-placeholder-theme-light-blue-600 | &::placeholder: {
"color": "var(--theme-light-blue-600, #2268ae)"
}; |
| gl-placeholder-theme-light-blue-700 | &::placeholder: {
"color": "var(--theme-light-blue-700, #145aa1)"
}; |
| gl-placeholder-theme-light-blue-800 | &::placeholder: {
"color": "var(--theme-light-blue-800, #0e4d8d)"
}; |
| gl-placeholder-theme-light-blue-900 | &::placeholder: {
"color": "var(--theme-light-blue-900, #0c4277)"
}; |
| gl-placeholder-theme-light-blue-950 | &::placeholder: {
"color": "var(--theme-light-blue-950, #0a3764)"
}; |
| gl-placeholder-theme-green-10 | &::placeholder: {
"color": "var(--theme-green-10, #eef4ef)"
}; |
| gl-placeholder-theme-green-50 | &::placeholder: {
"color": "var(--theme-green-50, #dde9de)"
}; |
| gl-placeholder-theme-green-100 | &::placeholder: {
"color": "var(--theme-green-100, #b1d6b5)"
}; |
| gl-placeholder-theme-green-200 | &::placeholder: {
"color": "var(--theme-green-200, #8cc497)"
}; |
| gl-placeholder-theme-green-300 | &::placeholder: {
"color": "var(--theme-green-300, #69af7d)"
}; |
| gl-placeholder-theme-green-400 | &::placeholder: {
"color": "var(--theme-green-400, #499767)"
}; |
| gl-placeholder-theme-green-500 | &::placeholder: {
"color": "var(--theme-green-500, #308258)"
}; |
| gl-placeholder-theme-green-600 | &::placeholder: {
"color": "var(--theme-green-600, #25744c)"
}; |
| gl-placeholder-theme-green-700 | &::placeholder: {
"color": "var(--theme-green-700, #1b653f)"
}; |
| gl-placeholder-theme-green-800 | &::placeholder: {
"color": "var(--theme-green-800, #155635)"
}; |
| gl-placeholder-theme-green-900 | &::placeholder: {
"color": "var(--theme-green-900, #0e4328)"
}; |
| gl-placeholder-theme-green-950 | &::placeholder: {
"color": "var(--theme-green-950, #052e19)"
}; |
| gl-placeholder-theme-red-10 | &::placeholder: {
"color": "var(--theme-red-10, #faf4f3)"
}; |
| gl-placeholder-theme-red-50 | &::placeholder: {
"color": "var(--theme-red-50, #f4e9e7)"
}; |
| gl-placeholder-theme-red-100 | &::placeholder: {
"color": "var(--theme-red-100, #ecd3d0)"
}; |
| gl-placeholder-theme-red-200 | &::placeholder: {
"color": "var(--theme-red-200, #e3bab5)"
}; |
| gl-placeholder-theme-red-300 | &::placeholder: {
"color": "var(--theme-red-300, #d59086)"
}; |
| gl-placeholder-theme-red-400 | &::placeholder: {
"color": "var(--theme-red-400, #c66e60)"
}; |
| gl-placeholder-theme-red-500 | &::placeholder: {
"color": "var(--theme-red-500, #ad4a3b)"
}; |
| gl-placeholder-theme-red-600 | &::placeholder: {
"color": "var(--theme-red-600, #a13322)"
}; |
| gl-placeholder-theme-red-700 | &::placeholder: {
"color": "var(--theme-red-700, #8f2110)"
}; |
| gl-placeholder-theme-red-800 | &::placeholder: {
"color": "var(--theme-red-800, #761405)"
}; |
| gl-placeholder-theme-red-900 | &::placeholder: {
"color": "var(--theme-red-900, #580d02)"
}; |
| gl-placeholder-theme-red-950 | &::placeholder: {
"color": "var(--theme-red-950, #380700)"
}; |
| gl-placeholder-theme-light-red-10 | &::placeholder: {
"color": "var(--theme-light-red-10, #fdf9f8)"
}; |
| gl-placeholder-theme-light-red-50 | &::placeholder: {
"color": "var(--theme-light-red-50, #faf2f1)"
}; |
| gl-placeholder-theme-light-red-100 | &::placeholder: {
"color": "var(--theme-light-red-100, #f6d9d5)"
}; |
| gl-placeholder-theme-light-red-200 | &::placeholder: {
"color": "var(--theme-light-red-200, #ebada2)"
}; |
| gl-placeholder-theme-light-red-300 | &::placeholder: {
"color": "var(--theme-light-red-300, #e07f6f)"
}; |
| gl-placeholder-theme-light-red-400 | &::placeholder: {
"color": "var(--theme-light-red-400, #d36250)"
}; |
| gl-placeholder-theme-light-red-500 | &::placeholder: {
"color": "var(--theme-light-red-500, #c24b38)"
}; |
| gl-placeholder-theme-light-red-600 | &::placeholder: {
"color": "var(--theme-light-red-600, #b53a26)"
}; |
| gl-placeholder-theme-light-red-700 | &::placeholder: {
"color": "var(--theme-light-red-700, #a02e1c)"
}; |
| gl-placeholder-theme-light-red-800 | &::placeholder: {
"color": "var(--theme-light-red-800, #8b2212)"
}; |
| gl-placeholder-theme-light-red-900 | &::placeholder: {
"color": "var(--theme-light-red-900, #751709)"
}; |
| gl-placeholder-theme-light-red-950 | &::placeholder: {
"color": "var(--theme-light-red-950, #5c1105)"
}; |
| gl-placeholder-data-viz-green-50 | &::placeholder: {
"color": "var(--data-viz-green-50, #ddfab7)"
}; |
| gl-placeholder-data-viz-green-100 | &::placeholder: {
"color": "var(--data-viz-green-100, #c6ed94)"
}; |
| gl-placeholder-data-viz-green-200 | &::placeholder: {
"color": "var(--data-viz-green-200, #b0d97b)"
}; |
| gl-placeholder-data-viz-green-300 | &::placeholder: {
"color": "var(--data-viz-green-300, #94c25e)"
}; |
| gl-placeholder-data-viz-green-400 | &::placeholder: {
"color": "var(--data-viz-green-400, #81ac41)"
}; |
| gl-placeholder-data-viz-green-500 | &::placeholder: {
"color": "var(--data-viz-green-500, #619025)"
}; |
| gl-placeholder-data-viz-green-600 | &::placeholder: {
"color": "var(--data-viz-green-600, #4e7f0e)"
}; |
| gl-placeholder-data-viz-green-700 | &::placeholder: {
"color": "var(--data-viz-green-700, #366800)"
}; |
| gl-placeholder-data-viz-green-800 | &::placeholder: {
"color": "var(--data-viz-green-800, #275600)"
}; |
| gl-placeholder-data-viz-green-900 | &::placeholder: {
"color": "var(--data-viz-green-900, #1a4500)"
}; |
| gl-placeholder-data-viz-green-950 | &::placeholder: {
"color": "var(--data-viz-green-950, #133a03)"
}; |
| gl-placeholder-data-viz-aqua-50 | &::placeholder: {
"color": "var(--data-viz-aqua-50, #b5fefd)"
}; |
| gl-placeholder-data-viz-aqua-100 | &::placeholder: {
"color": "var(--data-viz-aqua-100, #93f2ef)"
}; |
| gl-placeholder-data-viz-aqua-200 | &::placeholder: {
"color": "var(--data-viz-aqua-200, #5edee3)"
}; |
| gl-placeholder-data-viz-aqua-300 | &::placeholder: {
"color": "var(--data-viz-aqua-300, #32c5d2)"
}; |
| gl-placeholder-data-viz-aqua-400 | &::placeholder: {
"color": "var(--data-viz-aqua-400, #00acc4)"
}; |
| gl-placeholder-data-viz-aqua-500 | &::placeholder: {
"color": "var(--data-viz-aqua-500, #0090b1)"
}; |
| gl-placeholder-data-viz-aqua-600 | &::placeholder: {
"color": "var(--data-viz-aqua-600, #007b9b)"
}; |
| gl-placeholder-data-viz-aqua-700 | &::placeholder: {
"color": "var(--data-viz-aqua-700, #006381)"
}; |
| gl-placeholder-data-viz-aqua-800 | &::placeholder: {
"color": "var(--data-viz-aqua-800, #00516c)"
}; |
| gl-placeholder-data-viz-aqua-900 | &::placeholder: {
"color": "var(--data-viz-aqua-900, #004059)"
}; |
| gl-placeholder-data-viz-aqua-950 | &::placeholder: {
"color": "var(--data-viz-aqua-950, #00344b)"
}; |
| gl-placeholder-data-viz-blue-50 | &::placeholder: {
"color": "var(--data-viz-blue-50, #e9ebff)"
}; |
| gl-placeholder-data-viz-blue-100 | &::placeholder: {
"color": "var(--data-viz-blue-100, #d2dcff)"
}; |
| gl-placeholder-data-viz-blue-200 | &::placeholder: {
"color": "var(--data-viz-blue-200, #b7c6ff)"
}; |
| gl-placeholder-data-viz-blue-300 | &::placeholder: {
"color": "var(--data-viz-blue-300, #97acff)"
}; |
| gl-placeholder-data-viz-blue-400 | &::placeholder: {
"color": "var(--data-viz-blue-400, #7992f5)"
}; |
| gl-placeholder-data-viz-blue-500 | &::placeholder: {
"color": "var(--data-viz-blue-500, #617ae2)"
}; |
| gl-placeholder-data-viz-blue-600 | &::placeholder: {
"color": "var(--data-viz-blue-600, #4e65cd)"
}; |
| gl-placeholder-data-viz-blue-700 | &::placeholder: {
"color": "var(--data-viz-blue-700, #3f51ae)"
}; |
| gl-placeholder-data-viz-blue-800 | &::placeholder: {
"color": "var(--data-viz-blue-800, #374291)"
}; |
| gl-placeholder-data-viz-blue-900 | &::placeholder: {
"color": "var(--data-viz-blue-900, #303470)"
}; |
| gl-placeholder-data-viz-blue-950 | &::placeholder: {
"color": "var(--data-viz-blue-950, #2a2b59)"
}; |
| gl-placeholder-data-viz-magenta-50 | &::placeholder: {
"color": "var(--data-viz-magenta-50, #ffe3eb)"
}; |
| gl-placeholder-data-viz-magenta-100 | &::placeholder: {
"color": "var(--data-viz-magenta-100, #ffccdb)"
}; |
| gl-placeholder-data-viz-magenta-200 | &::placeholder: {
"color": "var(--data-viz-magenta-200, #fcacc5)"
}; |
| gl-placeholder-data-viz-magenta-300 | &::placeholder: {
"color": "var(--data-viz-magenta-300, #f88aaf)"
}; |
| gl-placeholder-data-viz-magenta-400 | &::placeholder: {
"color": "var(--data-viz-magenta-400, #e86e9a)"
}; |
| gl-placeholder-data-viz-magenta-500 | &::placeholder: {
"color": "var(--data-viz-magenta-500, #cf4d81)"
}; |
| gl-placeholder-data-viz-magenta-600 | &::placeholder: {
"color": "var(--data-viz-magenta-600, #b93d71)"
}; |
| gl-placeholder-data-viz-magenta-700 | &::placeholder: {
"color": "var(--data-viz-magenta-700, #9a2e5d)"
}; |
| gl-placeholder-data-viz-magenta-800 | &::placeholder: {
"color": "var(--data-viz-magenta-800, #7c214f)"
}; |
| gl-placeholder-data-viz-magenta-900 | &::placeholder: {
"color": "var(--data-viz-magenta-900, #661e3a)"
}; |
| gl-placeholder-data-viz-magenta-950 | &::placeholder: {
"color": "var(--data-viz-magenta-950, #541d31)"
}; |
| gl-placeholder-data-viz-orange-50 | &::placeholder: {
"color": "var(--data-viz-orange-50, #fae8d1)"
}; |
| gl-placeholder-data-viz-orange-100 | &::placeholder: {
"color": "var(--data-viz-orange-100, #f5d6b3)"
}; |
| gl-placeholder-data-viz-orange-200 | &::placeholder: {
"color": "var(--data-viz-orange-200, #eebd8c)"
}; |
| gl-placeholder-data-viz-orange-300 | &::placeholder: {
"color": "var(--data-viz-orange-300, #e99b60)"
}; |
| gl-placeholder-data-viz-orange-400 | &::placeholder: {
"color": "var(--data-viz-orange-400, #e07e41)"
}; |
| gl-placeholder-data-viz-orange-500 | &::placeholder: {
"color": "var(--data-viz-orange-500, #c95d2e)"
}; |
| gl-placeholder-data-viz-orange-600 | &::placeholder: {
"color": "var(--data-viz-orange-600, #b14f18)"
}; |
| gl-placeholder-data-viz-orange-700 | &::placeholder: {
"color": "var(--data-viz-orange-700, #92430a)"
}; |
| gl-placeholder-data-viz-orange-800 | &::placeholder: {
"color": "var(--data-viz-orange-800, #6f3500)"
}; |
| gl-placeholder-data-viz-orange-900 | &::placeholder: {
"color": "var(--data-viz-orange-900, #5e2f05)"
}; |
| gl-placeholder-data-viz-orange-950 | &::placeholder: {
"color": "var(--data-viz-orange-950, #4b2707)"
}; |
| gl-placeholder-neutral-0 | &::placeholder: {
"color": "var(--gl-color-neutral-0, #fff)"
}; |
| gl-placeholder-neutral-10 | &::placeholder: {
"color": "var(--gl-color-neutral-10, #fbfafd)"
}; |
| gl-placeholder-neutral-50 | &::placeholder: {
"color": "var(--gl-color-neutral-50, #ececef)"
}; |
| gl-placeholder-neutral-100 | &::placeholder: {
"color": "var(--gl-color-neutral-100, #dcdcde)"
}; |
| gl-placeholder-neutral-200 | &::placeholder: {
"color": "var(--gl-color-neutral-200, #bfbfc3)"
}; |
| gl-placeholder-neutral-300 | &::placeholder: {
"color": "var(--gl-color-neutral-300, #a4a3a8)"
}; |
| gl-placeholder-neutral-400 | &::placeholder: {
"color": "var(--gl-color-neutral-400, #89888d)"
}; |
| gl-placeholder-neutral-500 | &::placeholder: {
"color": "var(--gl-color-neutral-500, #737278)"
}; |
| gl-placeholder-neutral-600 | &::placeholder: {
"color": "var(--gl-color-neutral-600, #626168)"
}; |
| gl-placeholder-neutral-700 | &::placeholder: {
"color": "var(--gl-color-neutral-700, #4c4b51)"
}; |
| gl-placeholder-neutral-800 | &::placeholder: {
"color": "var(--gl-color-neutral-800, #3a383f)"
}; |
| gl-placeholder-neutral-900 | &::placeholder: {
"color": "var(--gl-color-neutral-900, #28272d)"
}; |
| gl-placeholder-neutral-950 | &::placeholder: {
"color": "var(--gl-color-neutral-950, #18171d)"
}; |
| gl-placeholder-neutral-1000 | &::placeholder: {
"color": "var(--gl-color-neutral-1000, #050506)"
}; |
| gl-placeholder-brand-white | &::placeholder: {
"color": "var(--gl-color-brand-white, #fff)"
}; |
| gl-placeholder-brand-charcoal | &::placeholder: {
"color": "var(--gl-color-brand-charcoal, #171321)"
}; |
| gl-placeholder-brand-orange-01g | &::placeholder: {
"color": "var(--gl-color-brand-orange-01g, #ffd1bf)"
}; |
| gl-placeholder-brand-orange-01p | &::placeholder: {
"color": "var(--gl-color-brand-orange-01p, #fca326)"
}; |
| gl-placeholder-brand-orange-02p | &::placeholder: {
"color": "var(--gl-color-brand-orange-02p, #fc6d26)"
}; |
| gl-placeholder-brand-orange-03p | &::placeholder: {
"color": "var(--gl-color-brand-orange-03p, #e24329)"
}; |
| gl-placeholder-brand-purple-01g | &::placeholder: {
"color": "var(--gl-color-brand-purple-01g, #ceb3ef)"
}; |
| gl-placeholder-brand-purple-01p | &::placeholder: {
"color": "var(--gl-color-brand-purple-01p, #a989f5)"
}; |
| gl-placeholder-brand-purple-02p | &::placeholder: {
"color": "var(--gl-color-brand-purple-02p, #7759c2)"
}; |
| gl-placeholder-brand-gray-01 | &::placeholder: {
"color": "var(--gl-color-brand-gray-01, #d1d0d3)"
}; |
| gl-placeholder-brand-gray-02 | &::placeholder: {
"color": "var(--gl-color-brand-gray-02, #a2a1a6)"
}; |
| gl-placeholder-brand-gray-03 | &::placeholder: {
"color": "var(--gl-color-brand-gray-03, #74717a)"
}; |
| gl-placeholder-brand-gray-04 | &::placeholder: {
"color": "var(--gl-color-brand-gray-04, #45424d)"
}; |
| gl-placeholder-brand-gray-05 | &::placeholder: {
"color": "var(--gl-color-brand-gray-05, #2b2838)"
}; |
| gl-placeholder-brand-pink-01g | &::placeholder: {
"color": "var(--gl-color-brand-pink-01g, #ffb9c9)"
}; |