--nijmegen-border-radius-lg | 16px | | this set | |
--nijmegen-border-radius-md | 8px | | this set | |
--nijmegen-border-radius-round | 999px | | this set | |
--nijmegen-border-radius-sm | 4px | | this set | |
--nijmegen-border-width-lg | 4px | | this set | |
--nijmegen-border-width-md | 2px | | this set | |
--nijmegen-border-width-sm | 1px | | this set | |
--nijmegen-color-black | #000000 | #ebebeb | this set | |
--nijmegen-color-blue-100 | #ddf0fc | #092a3f | this set | |
--nijmegen-color-blue-200 | #abdbf8 | #0e4667 | this set | |
--nijmegen-color-blue-300 | #78c5f4 | #136190 | this set | |
--nijmegen-color-blue-400 | #40adef | #1a7fbd | this set | |
--nijmegen-color-blue-50 | #eef8fe | #062232 | this set | |
--nijmegen-color-blue-500 | #008de4 | #22a4f3 | this set | |
--nijmegen-color-blue-600 | #006fb3 | #49b4f5 | this set | |
--nijmegen-color-blue-700 | #005c94 | #62bff7 | this set | |
--nijmegen-color-blue-800 | #004e7e | #74c5f8 | this set | |
--nijmegen-color-blue-900 | #003e64 | #88cef9 | this set | |
--nijmegen-color-blue-950 | #002237 | #acddfb | this set | |
--nijmegen-color-dark-alpha-100 | #0000001a | #ebebeb1a | this set | |
--nijmegen-color-dark-alpha-50 | #0000000d | #ebebeb0d | this set | |
--nijmegen-color-feedback-blue-60 | #40c4ff | #0a87bf | this set | |
--nijmegen-color-feedback-green-50 | #cddc39 | #b3c12c | this set | |
--nijmegen-color-feedback-orange-50 | #ffab00 | #f2a70d | this set | |
--nijmegen-color-feedback-red-40 | #d50000 | #f42e2e | this set | |
--nijmegen-color-gray-100 | #ebeef1 | #1d2328 | this set | |
--nijmegen-color-gray-200 | #cfd5dd | #2e363f | this set | |
--nijmegen-color-gray-300 | #b4bdc9 | #404956 | this set | |
--nijmegen-color-gray-400 | #99a5b6 | #505b6c | this set | |
--nijmegen-color-gray-50 | #f5f6f8 | #171a20 | this set | |
--nijmegen-color-gray-500 | #7a8aa0 | #637186 | this set | |
--nijmegen-color-gray-600 | #586c88 | #7689a3 | this set | |
--nijmegen-color-gray-700 | #435979 | #8297b5 | this set | |
--nijmegen-color-gray-800 | #344c6e | #8aa2c3 | this set | |
--nijmegen-color-gray-900 | #223c61 | #93aed4 | this set | |
--nijmegen-color-gray-950 | #001e49 | #9ec4fa | this set | |
--nijmegen-color-green-100 | #d5f5de | #134220 | this set | |
--nijmegen-color-green-20 | #17564a | #9adfd2 | this set | |
--nijmegen-color-green-200 | #94e6ab | #217639 | this set | |
--nijmegen-color-green-22 | #006f5a | #80f8e1 | this set | |
--nijmegen-color-green-25 | #0e6150 | #8fe9d7 | this set | |
--nijmegen-color-green-30 | #157c68 | #7ae2cd | this set | |
--nijmegen-color-green-300 | #4ad571 | #32b256 | this set | |
--nijmegen-color-green-32 | #00a284 | #57f6d9 | this set | |
--nijmegen-color-green-40 | #30a08b | #5fc7b4 | this set | |
--nijmegen-color-green-400 | #20bd4c | #45d66e | this set | |
--nijmegen-color-green-50 | #ebfaef | #0e3017 | this set | |
--nijmegen-color-green-500 | #1b9d3f | #5fdb82 | this set | |
--nijmegen-color-green-600 | #157b31 | #7be297 | this set | |
--nijmegen-color-green-700 | #116629 | #8be6a5 | this set | |
--nijmegen-color-green-800 | #0f5723 | #98e8ae | this set | |
--nijmegen-color-green-900 | #0c451c | #a6ebb9 | this set | |
--nijmegen-color-green-950 | #06250f | #c0f1ce | this set | |
--nijmegen-color-grey-10 | #212121 | #cfcfcf | this set | |
--nijmegen-color-grey-100 | #ffffff | #141414 | this set | |
--nijmegen-color-grey-15 | #212529 | #c7ccd1 | this set | |
--nijmegen-color-grey-20 | #3a3a3a | #bababa | this set | |
--nijmegen-color-grey-35 | #585858 | #a1a1a1 | this set | |
--nijmegen-color-grey-40 | #6b6b6b | #919191 | this set | |
--nijmegen-color-grey-50 | #7b7b7b | #838383 | this set | |
--nijmegen-color-grey-70 | #ababab | #5b5b5b | this set | |
--nijmegen-color-grey-85 | #ced4da | #313940 | this set | |
--nijmegen-color-grey-85b | #dadada | #333333 | this set | |
--nijmegen-color-grey-95 | #efefef | #222222 | this set | |
--nijmegen-color-light-alpha-100 | #ffffff1a | #1414141a | this set | |
--nijmegen-color-light-alpha-50 | #ffffff0d | #1414140d | this set | |
--nijmegen-color-orange-100 | #ffead9 | #452104 | this set | |
--nijmegen-color-orange-200 | #ffcaa1 | #723506 | this set | |
--nijmegen-color-orange-300 | #ffa865 | #a24b09 | this set | |
--nijmegen-color-orange-400 | #ff8120 | #d9650b | this set | |
--nijmegen-color-orange-50 | #fff5ed | #351903 | this set | |
--nijmegen-color-orange-500 | #da6c18 | #dd792d | this set | |
--nijmegen-color-orange-600 | #a75312 | #e49456 | this set | |
--nijmegen-color-orange-700 | #8b450f | #e8a26c | this set | |
--nijmegen-color-orange-800 | #763b0d | #eaad7d | this set | |
--nijmegen-color-orange-900 | #5e2f0a | #eeb990 | this set | |
--nijmegen-color-orange-950 | #331906 | #f2ceb3 | this set | |
--nijmegen-color-pink-100 | #fae9f1 | #320e1f | this set | |
--nijmegen-color-pink-200 | #f2c9dc | #4b162f | this set | |
--nijmegen-color-pink-300 | #eaaac7 | #641e3e | this set | |
--nijmegen-color-pink-400 | #e289b1 | #7f254e | this set | |
--nijmegen-color-pink-50 | #fcf4f8 | #280d1a | this set | |
--nijmegen-color-pink-500 | #d85e95 | #a22f63 | this set | |
--nijmegen-color-pink-600 | #c9216c | #d53c80 | this set | |
--nijmegen-color-pink-700 | #ac0f55 | #e75194 | this set | |
--nijmegen-color-pink-800 | #930d49 | #e965a1 | this set | |
--nijmegen-color-pink-900 | #760a3b | #ed7db0 | this set | |
--nijmegen-color-pink-950 | #420621 | #f2a6c9 | this set | |
--nijmegen-color-red-100 | #fee9ea | #370508 | this set | |
--nijmegen-color-red-20 | #580518 | #f394aa | this set | |
--nijmegen-color-red-200 | #fdc7ca | #52070b | this set | |
--nijmegen-color-red-30 | #a80a2d | #ec5475 | this set | |
--nijmegen-color-red-300 | #fba5a9 | #6d0b0f | this set | |
--nijmegen-color-red-400 | #fa7f85 | #8c0d13 | this set | |
--nijmegen-color-red-50 | #fff4f4 | #300303 | this set | |
--nijmegen-color-red-500 | #f7464e | #b91219 | this set | |
--nijmegen-color-red-600 | #cd262d | #d0393f | this set | |
--nijmegen-color-red-700 | #ab1f25 | #d7545a | this set | |
--nijmegen-color-red-800 | #95112d | #e56480 | this set | |
--nijmegen-color-red-900 | #770e25 | #e97d94 | this set | |
--nijmegen-color-red-950 | #410c0e | #ebaaac | this set | |
--nijmegen-color-sea-green-100 | #d7f3f0 | #163f3a | this set | |
--nijmegen-color-sea-green-200 | #99e2d8 | #267167 | this set | |
--nijmegen-color-sea-green-300 | #56cfbf | #38a899 | this set | |
--nijmegen-color-sea-green-400 | #09b9a1 | #46ecd6 | this set | |
--nijmegen-color-sea-green-50 | #ebf9f8 | #102e2c | this set | |
--nijmegen-color-sea-green-500 | #009a85 | #5df6e2 | this set | |
--nijmegen-color-sea-green-600 | #007869 | #78f8e8 | this set | |
--nijmegen-color-sea-green-700 | #006457 | #88f9ea | this set | |
--nijmegen-color-sea-green-800 | #00554a | #94f9ec | this set | |
--nijmegen-color-sea-green-900 | #00433b | #a3faf0 | this set | |
--nijmegen-color-sea-green-950 | #002520 | #bbfbf3 | this set | |
--nijmegen-color-violet-100 | #f0ebff | #100337 | this set | |
--nijmegen-color-violet-200 | #dbcdff | #19044f | this set | |
--nijmegen-color-violet-300 | #c6b0ff | #200566 | this set | |
--nijmegen-color-violet-400 | #b092ff | #27077e | this set | |
--nijmegen-color-violet-50 | #f8f5ff | #10022f | this set | |
--nijmegen-color-violet-500 | #966eff | #30089a | this set | |
--nijmegen-color-violet-600 | #743fff | #3c0ac0 | this set | |
--nijmegen-color-violet-700 | #5616ff | #460ce1 | this set | |
--nijmegen-color-violet-800 | #4a13db | #5e2ce2 | this set | |
--nijmegen-color-violet-900 | #3b0faf | #794fe7 | this set | |
--nijmegen-color-violet-950 | #210963 | #a68cef | this set | |
--nijmegen-color-white | #ffffff | #141414 | this set | |
--nijmegen-color-yellow-100 | #ffef99 | #786606 | this set | |
--nijmegen-color-yellow-200 | #f9d100 | #f3ce12 | this set | |
--nijmegen-color-yellow-300 | #ddb900 | #f4d228 | this set | |
--nijmegen-color-yellow-400 | #c1a200 | #f5d83e | this set | |
--nijmegen-color-yellow-50 | #fff7cf | #4d4104 | this set | |
--nijmegen-color-yellow-500 | #a08700 | #f6de59 | this set | |
--nijmegen-color-yellow-600 | #7d6900 | #f8e374 | this set | |
--nijmegen-color-yellow-700 | #685700 | #f9e685 | this set | |
--nijmegen-color-yellow-800 | #584a00 | #f9e992 | this set | |
--nijmegen-color-yellow-900 | #463b00 | #faeca0 | this set | |
--nijmegen-color-yellow-950 | #251f00 | #fbf1bb | this set | |
--nijmegen-size-2xl | 160px | | this set | |
--nijmegen-size-2xs | 16px | | this set | |
--nijmegen-size-3xs | 8px | | this set | |
--nijmegen-size-4xs | 4px | | this set | |
--nijmegen-size-5xs | 2px | | this set | |
--nijmegen-size-icon-2xl | 32px | | this set | |
--nijmegen-size-icon-3xl | 40px | | this set | |
--nijmegen-size-icon-4xl | 48px | | this set | |
--nijmegen-size-icon-lg | 24px | | this set | |
--nijmegen-size-icon-md | 24px | | this set | |
--nijmegen-size-icon-sm | 20px | | this set | |
--nijmegen-size-icon-xl | 24px | | this set | |
--nijmegen-size-lg | 64px | | this set | |
--nijmegen-size-md | 48px | | this set | |
--nijmegen-size-sm | 32px | | this set | |
--nijmegen-size-xl | 96px | | this set | |
--nijmegen-size-xs | 24px | | this set | |
--nijmegen-space-block-ant | 4px | | this set | |
--nijmegen-space-block-beetle | 8px | | this set | |
--nijmegen-space-block-cat | 32px | | this set | |
--nijmegen-space-block-dog | 48px | | this set | |
--nijmegen-space-block-flea | 2px | | this set | |
--nijmegen-space-block-mouse | 16px | | this set | |
--nijmegen-space-block-pig | 64px | | this set | |
--nijmegen-space-block-rabbit | 24px | | this set | |
--nijmegen-space-block-rat | 20px | | this set | |
--nijmegen-space-block-snail | 12px | | this set | |
--nijmegen-space-column-ant | 2px | | this set | |
--nijmegen-space-column-beetle | 4px | | this set | |
--nijmegen-space-column-cat | 24px | | this set | |
--nijmegen-space-column-dog | 28px | | this set | |
--nijmegen-space-column-elephant | 96px | | this set | |
--nijmegen-space-column-flea | 1px | | this set | |
--nijmegen-space-column-giraffe | 160px | | this set | |
--nijmegen-space-column-horse | 64px | | this set | |
--nijmegen-space-column-mouse | 12px | | this set | |
--nijmegen-space-column-pig | 32px | | this set | |
--nijmegen-space-column-rabbit | 20px | | this set | |
--nijmegen-space-column-rat | 16px | | this set | |
--nijmegen-space-column-snail | 8px | | this set | |
--nijmegen-space-column-tiger | 48px | | this set | |
--nijmegen-space-inline-ant | 4px | | this set | |
--nijmegen-space-inline-beetle | 8px | | this set | |
--nijmegen-space-inline-cat | 28px | | this set | |
--nijmegen-space-inline-dog | 32px | | this set | |
--nijmegen-space-inline-flea | 2px | | this set | |
--nijmegen-space-inline-mouse | 16px | | this set | |
--nijmegen-space-inline-pig | 48px | | this set | |
--nijmegen-space-inline-rabbit | 24px | | this set | |
--nijmegen-space-inline-rat | 20px | | this set | |
--nijmegen-space-inline-snail | 12px | | this set | |
--nijmegen-space-row-ant | 2px | | this set | |
--nijmegen-space-row-beetle | 4px | | this set | |
--nijmegen-space-row-cat | 24px | | this set | |
--nijmegen-space-row-dog | 28px | | this set | |
--nijmegen-space-row-elephant | 96px | | this set | |
--nijmegen-space-row-flea | 1px | | this set | |
--nijmegen-space-row-giraffe | 160px | | this set | |
--nijmegen-space-row-horse | 64px | | this set | |
--nijmegen-space-row-mouse | 12px | | this set | |
--nijmegen-space-row-pig | 32px | | this set | |
--nijmegen-space-row-rabbit | 20px | | this set | |
--nijmegen-space-row-rat | 16px | | this set | |
--nijmegen-space-row-snail | 8px | | this set | |
--nijmegen-space-row-tiger | 48px | | this set | |
--nijmegen-space-text-ant | 2px | | this set | |
--nijmegen-space-text-beetle | 4px | | this set | |
--nijmegen-space-text-cat | 16px | | this set | |
--nijmegen-space-text-dog | 24px | | this set | |
--nijmegen-space-text-flea | 1px | | this set | |
--nijmegen-space-text-mouse | 8px | | this set | |
--nijmegen-space-text-rabbit | 14px | | this set | |
--nijmegen-space-text-rat | 12px | | this set | |
--nijmegen-space-text-snail | 6px | | this set | |
--nijmegen-typography-font-family-primary | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nijmegen-typography-font-family-secondary | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nijmegen-typography-font-size-2xl | 32px | | this set | |
--nijmegen-typography-font-size-3xl | 40px | | this set | |
--nijmegen-typography-font-size-4xl | 48px | | this set | |
--nijmegen-typography-font-size-lg | 20px | | this set | |
--nijmegen-typography-font-size-md | 16px | | this set | |
--nijmegen-typography-font-size-sm | 14px | | this set | |
--nijmegen-typography-font-size-xl | 24px | | this set | |
--nijmegen-typography-font-weight-bold | Bold | | this set | |
--nijmegen-typography-font-weight-normal | Regular | | this set | |
--nijmegen-typography-line-height-lg | 200% | | this set | |
--nijmegen-typography-line-height-md | 150% | | this set | |
--nijmegen-typography-line-height-sm | 125% | | this set | |
--nijmegen-typography-line-height-xs | 100% | | this set | |
--nijmegen-typography-sans-serif-font-family | "Source Sans Pro", sans-serif | | this set | |
--nijmegen-typography-serif-font-family | "Oranda", serif | | this set | |
--nldesign-border-radius-lg | 16px | | this set | |
--nldesign-border-radius-md | 8px | | this set | |
--nldesign-border-radius-round | 999px | | this set | |
--nldesign-border-radius-sm | 4px | | this set | |
--nldesign-border-width-lg | 4px | | this set | |
--nldesign-border-width-md | 2px | | this set | |
--nldesign-border-width-sm | 1px | | this set | |
--nldesign-color-black | #000000 | #ebebeb | this set | |
--nldesign-color-blue-100 | #ddf0fc | #092a3f | this set | |
--nldesign-color-blue-200 | #abdbf8 | #0e4667 | this set | |
--nldesign-color-blue-300 | #78c5f4 | #136190 | this set | |
--nldesign-color-blue-400 | #40adef | #1a7fbd | this set | |
--nldesign-color-blue-50 | #eef8fe | #062232 | this set | |
--nldesign-color-blue-500 | #008de4 | #22a4f3 | this set | |
--nldesign-color-blue-600 | #006fb3 | #49b4f5 | this set | |
--nldesign-color-blue-700 | #005c94 | #62bff7 | this set | |
--nldesign-color-blue-800 | #004e7e | #74c5f8 | this set | |
--nldesign-color-blue-900 | #003e64 | #88cef9 | this set | |
--nldesign-color-blue-950 | #002237 | #acddfb | this set | |
--nldesign-color-dark-alpha-100 | #0000001a | #ebebeb1a | this set | |
--nldesign-color-dark-alpha-50 | #0000000d | #ebebeb0d | this set | |
--nldesign-color-feedback-blue-60 | #40c4ff | #0a87bf | this set | |
--nldesign-color-feedback-green-50 | #cddc39 | #b3c12c | this set | |
--nldesign-color-feedback-orange-50 | #ffab00 | #f2a70d | this set | |
--nldesign-color-feedback-red-40 | #d50000 | #f42e2e | this set | |
--nldesign-color-gray-100 | #ebeef1 | #1d2328 | this set | |
--nldesign-color-gray-200 | #cfd5dd | #2e363f | this set | |
--nldesign-color-gray-300 | #b4bdc9 | #404956 | this set | |
--nldesign-color-gray-400 | #99a5b6 | #505b6c | this set | |
--nldesign-color-gray-50 | #f5f6f8 | #171a20 | this set | |
--nldesign-color-gray-500 | #7a8aa0 | #637186 | this set | |
--nldesign-color-gray-600 | #586c88 | #7689a3 | this set | |
--nldesign-color-gray-700 | #435979 | #8297b5 | this set | |
--nldesign-color-gray-800 | #344c6e | #8aa2c3 | this set | |
--nldesign-color-gray-900 | #223c61 | #93aed4 | this set | |
--nldesign-color-gray-950 | #001e49 | #9ec4fa | this set | |
--nldesign-color-green-100 | #d5f5de | #134220 | this set | |
--nldesign-color-green-20 | #17564a | #9adfd2 | this set | |
--nldesign-color-green-200 | #94e6ab | #217639 | this set | |
--nldesign-color-green-22 | #006f5a | #80f8e1 | this set | |
--nldesign-color-green-25 | #0e6150 | #8fe9d7 | this set | |
--nldesign-color-green-30 | #157c68 | #7ae2cd | this set | |
--nldesign-color-green-300 | #4ad571 | #32b256 | this set | |
--nldesign-color-green-32 | #00a284 | #57f6d9 | this set | |
--nldesign-color-green-40 | #30a08b | #5fc7b4 | this set | |
--nldesign-color-green-400 | #20bd4c | #45d66e | this set | |
--nldesign-color-green-50 | #ebfaef | #0e3017 | this set | |
--nldesign-color-green-500 | #1b9d3f | #5fdb82 | this set | |
--nldesign-color-green-600 | #157b31 | #7be297 | this set | |
--nldesign-color-green-700 | #116629 | #8be6a5 | this set | |
--nldesign-color-green-800 | #0f5723 | #98e8ae | this set | |
--nldesign-color-green-900 | #0c451c | #a6ebb9 | this set | |
--nldesign-color-green-950 | #06250f | #c0f1ce | this set | |
--nldesign-color-grey-10 | #212121 | #cfcfcf | this set | |
--nldesign-color-grey-100 | #ffffff | #141414 | this set | |
--nldesign-color-grey-15 | #212529 | #c7ccd1 | this set | |
--nldesign-color-grey-20 | #3a3a3a | #bababa | this set | |
--nldesign-color-grey-35 | #585858 | #a1a1a1 | this set | |
--nldesign-color-grey-40 | #6b6b6b | #919191 | this set | |
--nldesign-color-grey-50 | #7b7b7b | #838383 | this set | |
--nldesign-color-grey-70 | #ababab | #5b5b5b | this set | |
--nldesign-color-grey-85 | #ced4da | #313940 | this set | |
--nldesign-color-grey-85b | #dadada | #333333 | this set | |
--nldesign-color-grey-95 | #efefef | #222222 | this set | |
--nldesign-color-light-alpha-100 | #ffffff1a | #1414141a | this set | |
--nldesign-color-light-alpha-50 | #ffffff0d | #1414140d | this set | |
--nldesign-color-orange-100 | #ffead9 | #452104 | this set | |
--nldesign-color-orange-200 | #ffcaa1 | #723506 | this set | |
--nldesign-color-orange-300 | #ffa865 | #a24b09 | this set | |
--nldesign-color-orange-400 | #ff8120 | #d9650b | this set | |
--nldesign-color-orange-50 | #fff5ed | #351903 | this set | |
--nldesign-color-orange-500 | #da6c18 | #dd792d | this set | |
--nldesign-color-orange-600 | #a75312 | #e49456 | this set | |
--nldesign-color-orange-700 | #8b450f | #e8a26c | this set | |
--nldesign-color-orange-800 | #763b0d | #eaad7d | this set | |
--nldesign-color-orange-900 | #5e2f0a | #eeb990 | this set | |
--nldesign-color-orange-950 | #331906 | #f2ceb3 | this set | |
--nldesign-color-pink-100 | #fae9f1 | #320e1f | this set | |
--nldesign-color-pink-200 | #f2c9dc | #4b162f | this set | |
--nldesign-color-pink-300 | #eaaac7 | #641e3e | this set | |
--nldesign-color-pink-400 | #e289b1 | #7f254e | this set | |
--nldesign-color-pink-50 | #fcf4f8 | #280d1a | this set | |
--nldesign-color-pink-500 | #d85e95 | #a22f63 | this set | |
--nldesign-color-pink-600 | #c9216c | #d53c80 | this set | |
--nldesign-color-pink-700 | #ac0f55 | #e75194 | this set | |
--nldesign-color-pink-800 | #930d49 | #e965a1 | this set | |
--nldesign-color-pink-900 | #760a3b | #ed7db0 | this set | |
--nldesign-color-pink-950 | #420621 | #f2a6c9 | this set | |
--nldesign-color-red-100 | #fee9ea | #370508 | this set | |
--nldesign-color-red-20 | #580518 | #f394aa | this set | |
--nldesign-color-red-200 | #fdc7ca | #52070b | this set | |
--nldesign-color-red-30 | #a80a2d | #ec5475 | this set | |
--nldesign-color-red-300 | #fba5a9 | #6d0b0f | this set | |
--nldesign-color-red-400 | #fa7f85 | #8c0d13 | this set | |
--nldesign-color-red-50 | #fff4f4 | #300303 | this set | |
--nldesign-color-red-500 | #f7464e | #b91219 | this set | |
--nldesign-color-red-600 | #cd262d | #d0393f | this set | |
--nldesign-color-red-700 | #ab1f25 | #d7545a | this set | |
--nldesign-color-red-800 | #95112d | #e56480 | this set | |
--nldesign-color-red-900 | #770e25 | #e97d94 | this set | |
--nldesign-color-red-950 | #410c0e | #ebaaac | this set | |
--nldesign-color-sea-green-100 | #d7f3f0 | #163f3a | this set | |
--nldesign-color-sea-green-200 | #99e2d8 | #267167 | this set | |
--nldesign-color-sea-green-300 | #56cfbf | #38a899 | this set | |
--nldesign-color-sea-green-400 | #09b9a1 | #46ecd6 | this set | |
--nldesign-color-sea-green-50 | #ebf9f8 | #102e2c | this set | |
--nldesign-color-sea-green-500 | #009a85 | #5df6e2 | this set | |
--nldesign-color-sea-green-600 | #007869 | #78f8e8 | this set | |
--nldesign-color-sea-green-700 | #006457 | #88f9ea | this set | |
--nldesign-color-sea-green-800 | #00554a | #94f9ec | this set | |
--nldesign-color-sea-green-900 | #00433b | #a3faf0 | this set | |
--nldesign-color-sea-green-950 | #002520 | #bbfbf3 | this set | |
--nldesign-color-violet-100 | #f0ebff | #100337 | this set | |
--nldesign-color-violet-200 | #dbcdff | #19044f | this set | |
--nldesign-color-violet-300 | #c6b0ff | #200566 | this set | |
--nldesign-color-violet-400 | #b092ff | #27077e | this set | |
--nldesign-color-violet-50 | #f8f5ff | #10022f | this set | |
--nldesign-color-violet-500 | #966eff | #30089a | this set | |
--nldesign-color-violet-600 | #743fff | #3c0ac0 | this set | |
--nldesign-color-violet-700 | #5616ff | #460ce1 | this set | |
--nldesign-color-violet-800 | #4a13db | #5e2ce2 | this set | |
--nldesign-color-violet-900 | #3b0faf | #794fe7 | this set | |
--nldesign-color-violet-950 | #210963 | #a68cef | this set | |
--nldesign-color-white | #ffffff | #141414 | this set | |
--nldesign-color-yellow-100 | #ffef99 | #786606 | this set | |
--nldesign-color-yellow-200 | #f9d100 | #f3ce12 | this set | |
--nldesign-color-yellow-300 | #ddb900 | #f4d228 | this set | |
--nldesign-color-yellow-400 | #c1a200 | #f5d83e | this set | |
--nldesign-color-yellow-50 | #fff7cf | #4d4104 | this set | |
--nldesign-color-yellow-500 | #a08700 | #f6de59 | this set | |
--nldesign-color-yellow-600 | #7d6900 | #f8e374 | this set | |
--nldesign-color-yellow-700 | #685700 | #f9e685 | this set | |
--nldesign-color-yellow-800 | #584a00 | #f9e992 | this set | |
--nldesign-color-yellow-900 | #463b00 | #faeca0 | this set | |
--nldesign-color-yellow-950 | #251f00 | #fbf1bb | this set | |
--nldesign-component-accordion-body-border-color | transparent | | this set | |
--nldesign-component-accordion-body-border-width | 1px | | this set | |
--nldesign-component-accordion-body-padding-block-end | 24px | | this set | |
--nldesign-component-accordion-body-padding-block-start | 24px | | this set | |
--nldesign-component-accordion-body-padding-inline-end | 16px | | this set | |
--nldesign-component-accordion-body-padding-inline-start | 16px | | this set | |
--nldesign-component-accordion-border-radius | 0px | | this set | |
--nldesign-component-accordion-button-active-background-color | #cfd5dd | #2e363f | this set | |
--nldesign-component-accordion-button-active-border-color | transparent | | this set | |
--nldesign-component-accordion-button-active-color | #3b0faf | #7c50f0 | this set | |
--nldesign-component-accordion-button-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-component-accordion-button-border-color | transparent | | this set | |
--nldesign-component-accordion-button-border-width | 1px | | this set | |
--nldesign-component-accordion-button-color | #5616ff | #723dff | this set | |
--nldesign-component-accordion-button-expanded-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-component-accordion-button-expanded-border-color | transparent | | this set | |
--nldesign-component-accordion-button-expanded-color | #5616ff | #723dff | this set | |
--nldesign-component-accordion-button-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-component-accordion-button-focus-border-color | transparent | | this set | |
--nldesign-component-accordion-button-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-accordion-button-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-accordion-button-font-size | 16px | | this set | |
--nldesign-component-accordion-button-font-weight | Bold | | this set | |
--nldesign-component-accordion-button-hover-background-color | #ebeef1 | #1d2328 | this set | |
--nldesign-component-accordion-button-hover-border-color | transparent | | this set | |
--nldesign-component-accordion-button-hover-color | #4a13db | #794df0 | this set | |
--nldesign-component-accordion-button-icon-margin-inline | 8px | | this set | |
--nldesign-component-accordion-button-icon-size | 24px | | this set | |
--nldesign-component-accordion-button-line-height | 150% | | this set | |
--nldesign-component-accordion-button-padding-block-end | 12px | | this set | |
--nldesign-component-accordion-button-padding-block-start | 12px | | this set | |
--nldesign-component-accordion-button-padding-inline-end | 16px | | this set | |
--nldesign-component-accordion-button-padding-inline-start | 16px | | this set | |
--nldesign-component-accordion-section-border-block-end-width | 1px | | this set | |
--nldesign-component-accordion-section-border-color | #cfd5dd | #2e363f | this set | |
--nldesign-component-accordion-section-border-width | auto | | this set | |
--nldesign-component-alert-border-width | 2px | | this set | |
--nldesign-component-alert-column-gap | 8px | | this set | |
--nldesign-component-alert-heading-font-family | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-alert-heading-font-size | 24px | | this set | |
--nldesign-component-alert-heading-font-weight | Bold | | this set | |
--nldesign-component-alert-heading-line-height | 125% | | this set | |
--nldesign-component-alert-icon-informative-color | #006fb3 | #4cbbff | this set | |
--nldesign-component-alert-icon-negative-color | #cd262d | #e15c61 | this set | |
--nldesign-component-alert-icon-padding-block-end | 12px | | this set | |
--nldesign-component-alert-icon-padding-block-start | 12px | | this set | |
--nldesign-component-alert-icon-padding-inline-end | 0px | | this set | |
--nldesign-component-alert-icon-padding-inline-start | 4px | | this set | |
--nldesign-component-alert-icon-positive-color | #157b31 | #84eaa0 | this set | |
--nldesign-component-alert-icon-size | 24px | | this set | |
--nldesign-component-alert-icon-warning-color | #7d6900 | #ffeb82 | this set | |
--nldesign-component-alert-informative-background-color | #ddf0fc | #092a3f | this set | |
--nldesign-component-alert-informative-border-color | #006fb3 | #49b4f5 | this set | |
--nldesign-component-alert-informative-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-alert-message-padding-block-end | 12px | | this set | |
--nldesign-component-alert-message-padding-block-start | 8px | | this set | |
--nldesign-component-alert-message-row-gap | 8px | | this set | |
--nldesign-component-alert-negative-background-color | #fee9ea | #370508 | this set | |
--nldesign-component-alert-negative-border-color | #cd262d | #d0393f | this set | |
--nldesign-component-alert-negative-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-alert-padding-block-end | 12px | | this set | |
--nldesign-component-alert-padding-block-start | 12px | | this set | |
--nldesign-component-alert-padding-inline-end | 12px | | this set | |
--nldesign-component-alert-padding-inline-start | 12px | | this set | |
--nldesign-component-alert-positive-background-color | #d5f5de | #134220 | this set | |
--nldesign-component-alert-positive-border-color | #157b31 | #7be297 | this set | |
--nldesign-component-alert-positive-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-alert-warning-background-color | #ffef99 | #786606 | this set | |
--nldesign-component-alert-warning-border-color | #7d6900 | #f8e374 | this set | |
--nldesign-component-alert-warning-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-blockquote-attribution-color | #586c88 | #899bb3 | this set | |
--nldesign-component-blockquote-attribution-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-blockquote-attribution-font-size | 14px | | this set | |
--nldesign-component-blockquote-attribution-font-weight | Regular | | this set | |
--nldesign-component-blockquote-attribution-line-height | 150% | | this set | |
--nldesign-component-blockquote-attribution-padding-block-start | 12px | | this set | |
--nldesign-component-blockquote-background-color | transparent | | this set | |
--nldesign-component-blockquote-content-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-blockquote-content-font-family | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-blockquote-content-font-size | 24px | | this set | |
--nldesign-component-blockquote-content-font-weight | Regular | | this set | |
--nldesign-component-blockquote-content-line-height | 125% | | this set | |
--nldesign-component-blockquote-padding-block-end | 12px | | this set | |
--nldesign-component-blockquote-padding-block-start | 12px | | this set | |
--nldesign-component-blockquote-padding-inline-end | 0px | | this set | |
--nldesign-component-blockquote-padding-inline-start | 0px | | this set | |
--nldesign-component-breadcrumb-divider-color | #586c88 | #7689a3 | this set | |
--nldesign-component-breadcrumb-divider-size | 16px | | this set | |
--nldesign-component-breadcrumb-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-breadcrumb-font-size | 16px | | this set | |
--nldesign-component-breadcrumb-font-weight | Regular | | this set | |
--nldesign-component-breadcrumb-line-height | 150% | | this set | |
--nldesign-component-breadcrumb-link-active-color | #3b0faf | #7c50f0 | this set | |
--nldesign-component-breadcrumb-link-active-text-decoration | none | | this set | |
--nldesign-component-breadcrumb-link-color | #5616ff | #723dff | this set | |
--nldesign-component-breadcrumb-link-current-color | #586c88 | #899bb3 | this set | |
--nldesign-component-breadcrumb-link-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-component-breadcrumb-link-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-breadcrumb-link-focus-text-decoration | none | | this set | |
--nldesign-component-breadcrumb-link-hover-color | #4a13db | #794df0 | this set | |
--nldesign-component-breadcrumb-link-hover-text-decoration | none | | this set | |
--nldesign-component-breadcrumb-link-icon-margin-inline | 8px | | this set | |
--nldesign-component-breadcrumb-link-icon-size | 24px | | this set | |
--nldesign-component-breadcrumb-link-padding-block-end | 12px | | this set | |
--nldesign-component-breadcrumb-link-padding-block-start | 12px | | this set | |
--nldesign-component-breadcrumb-link-padding-inline-end | 0px | | this set | |
--nldesign-component-breadcrumb-link-padding-inline-start | 0px | | this set | |
--nldesign-component-breadcrumb-link-text-decoration | underline | | this set | |
--nldesign-component-breadcrumb-margin-inline | 8px | | this set | |
--nldesign-component-button-active-border-color | #3b0faf | #794fe7 | this set | |
--nldesign-component-button-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-component-button-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-button-icon-margin-inline | 8px | | this set | |
--nldesign-component-button-icon-size | 24px | | this set | |
--nldesign-component-button-line-height | 150% | | this set | |
--nldesign-component-button-margin-block-end | 0.5rem | | this set | |
--nldesign-component-button-min-block-size | 48px | | this set | |
--nldesign-component-button-min-inline-size | 48px | | this set | |
--nldesign-component-button-padding-block-end | 12px | | this set | |
--nldesign-component-button-padding-block-start | 12px | | this set | |
--nldesign-component-button-padding-inline-end | 16px | | this set | |
--nldesign-component-button-padding-inline-start | 16px | | this set | |
--nldesign-component-button-primary-action-active-background-color | #3b0faf | #794fe7 | this set | |
--nldesign-component-button-primary-action-active-border-color | transparent | | this set | |
--nldesign-component-button-primary-action-active-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-button-primary-action-disabled-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-component-button-primary-action-disabled-border-color | transparent | | this set | |
--nldesign-component-button-primary-action-disabled-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-button-primary-action-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-component-button-primary-action-focus-border-color | transparent | | this set | |
--nldesign-component-button-primary-action-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-button-primary-action-font-weight | Bold | | this set | |
--nldesign-component-button-primary-action-hover-border-color | transparent | | this set | |
--nldesign-component-button-secondary-action-active-background-color | #ebeef1 | #1d2328 | this set | |
--nldesign-component-button-secondary-action-active-border-color | #3b0faf | #794fe7 | this set | |
--nldesign-component-button-secondary-action-active-color | #3b0faf | #7c50f0 | this set | |
--nldesign-component-button-secondary-action-disabled-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-component-button-secondary-action-disabled-border-color | transparent | | this set | |
--nldesign-component-button-secondary-action-disabled-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-button-secondary-action-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-component-button-secondary-action-focus-border-color | transparent | | this set | |
--nldesign-component-button-secondary-action-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-button-secondary-action-font-weight | Bold | | this set | |
--nldesign-component-button-secondary-action-hover-border-color | #4a13db | #5e2ce2 | this set | |
--nldesign-component-button-secondary-action-hover-color | #4a13db | #794df0 | this set | |
--nldesign-component-button-subtle-active-background-color | #0000001a | #ebebeb1a | this set | |
--nldesign-component-button-subtle-active-border-color | transparent | | this set | |
--nldesign-component-button-subtle-active-color | #3b0faf | #7c50f0 | this set | |
--nldesign-component-button-subtle-background-color | transparent | | this set | |
--nldesign-component-button-subtle-border-color | transparent | | this set | |
--nldesign-component-button-subtle-color | #5616ff | #723dff | this set | |
--nldesign-component-button-subtle-disabled-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-component-button-subtle-disabled-border-color | transparent | | this set | |
--nldesign-component-button-subtle-disabled-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-button-subtle-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-component-button-subtle-focus-border-color | transparent | | this set | |
--nldesign-component-button-subtle-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-button-subtle-font-weight | Bold | | this set | |
--nldesign-component-button-subtle-hover-background-color | #0000000d | #ebebeb0d | this set | |
--nldesign-component-button-subtle-hover-border-color | transparent | | this set | |
--nldesign-component-button-subtle-hover-color | #4a13db | #794df0 | this set | |
--nldesign-component-button-text-transform | uppercase | | this set | |
--nldesign-component-checkbox-active-background-color | #ebeef1 | #1d2328 | this set | |
--nldesign-component-checkbox-active-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-component-checkbox-active-border-width | 2px | | this set | |
--nldesign-component-checkbox-background-color | #ffffff | #141414 | this set | |
--nldesign-component-checkbox-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-component-checkbox-border-radius | 0px | | this set | |
--nldesign-component-checkbox-border-width | 1px | | this set | |
--nldesign-component-checkbox-checked-active-background-color | #3b0faf | #794fe7 | this set | |
--nldesign-component-checkbox-checked-active-border-color | transparent | | this set | |
--nldesign-component-checkbox-checked-active-border-width | 2px | | this set | |
--nldesign-component-checkbox-checked-active-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-checkbox-checked-background-color | #5616ff | #460ce1 | this set | |
--nldesign-component-checkbox-checked-border-color | transparent | | this set | |
--nldesign-component-checkbox-checked-border-width | 1px | | this set | |
--nldesign-component-checkbox-checked-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-checkbox-checked-disabled-background-color | #7a8aa0 | #637186 | this set | |
--nldesign-component-checkbox-checked-disabled-border-color | transparent | | this set | |
--nldesign-component-checkbox-checked-disabled-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-checkbox-checked-focus-background-color | #ffffff | #141414 | this set | |
--nldesign-component-checkbox-checked-focus-border-color | #000000 | #ebebeb | this set | |
--nldesign-component-checkbox-checked-focus-border-width | 2px | | this set | |
--nldesign-component-checkbox-checked-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-checkbox-checked-hover-background-color | #4a13db | #5e2ce2 | this set | |
--nldesign-component-checkbox-checked-hover-border-color | transparent | | this set | |
--nldesign-component-checkbox-checked-hover-border-width | 2px | | this set | |
--nldesign-component-checkbox-checked-hover-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-checkbox-disabled-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-component-checkbox-disabled-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-component-checkbox-focus-background-color | #ffffff | #141414 | this set | |
--nldesign-component-checkbox-focus-border-color | #000000 | #ebebeb | this set | |
--nldesign-component-checkbox-focus-border-width | 2px | | this set | |
--nldesign-component-checkbox-group-padding-block-end | 8px | | this set | |
--nldesign-component-checkbox-group-padding-block-start | 8px | | this set | |
--nldesign-component-checkbox-group-row-gap | 16px | | this set | |
--nldesign-component-checkbox-hover-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-component-checkbox-hover-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-component-checkbox-hover-border-width | 2px | | this set | |
--nldesign-component-checkbox-icon-size | 24px | | this set | |
--nldesign-component-checkbox-indeterminate-active-background-color | #3b0faf | #794fe7 | this set | |
--nldesign-component-checkbox-indeterminate-active-border-color | transparent | | this set | |
--nldesign-component-checkbox-indeterminate-active-border-width | 2px | | this set | |
--nldesign-component-checkbox-indeterminate-active-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-checkbox-indeterminate-background-color | #5616ff | #460ce1 | this set | |
--nldesign-component-checkbox-indeterminate-border-color | transparent | | this set | |
--nldesign-component-checkbox-indeterminate-border-width | 1px | | this set | |
--nldesign-component-checkbox-indeterminate-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-checkbox-indeterminate-disabled-background-color | #7a8aa0 | #637186 | this set | |
--nldesign-component-checkbox-indeterminate-disabled-border-color | transparent | | this set | |
--nldesign-component-checkbox-indeterminate-disabled-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-checkbox-indeterminate-focus-background-color | #ffffff | #141414 | this set | |
--nldesign-component-checkbox-indeterminate-focus-border-color | #000000 | #ebebeb | this set | |
--nldesign-component-checkbox-indeterminate-focus-border-width | 2px | | this set | |
--nldesign-component-checkbox-indeterminate-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-checkbox-indeterminate-hover-background-color | #4a13db | #5e2ce2 | this set | |
--nldesign-component-checkbox-indeterminate-hover-border-color | transparent | | this set | |
--nldesign-component-checkbox-indeterminate-hover-border-width | 2px | | this set | |
--nldesign-component-checkbox-indeterminate-hover-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-checkbox-invalid-background-color | #ffffff | #141414 | this set | |
--nldesign-component-checkbox-invalid-border-color | #cd262d | #d0393f | this set | |
--nldesign-component-checkbox-invalid-border-width | 2px | | this set | |
--nldesign-component-checkbox-size | 24px | | this set | |
--nldesign-component-data-list-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-data-list-font-size | 16px | | this set | |
--nldesign-component-data-list-item-action-padding-block-end | 12px | | this set | |
--nldesign-component-data-list-item-action-padding-block-start | 12px | | this set | |
--nldesign-component-data-list-item-action-padding-inline-end | 12px | | this set | |
--nldesign-component-data-list-item-action-padding-inline-start | 12px | | this set | |
--nldesign-component-data-list-item-action-row-padding-block-end | 12px | | this set | |
--nldesign-component-data-list-item-action-row-padding-block-start | 12px | | this set | |
--nldesign-component-data-list-item-action-row-padding-inline-end | 12px | | this set | |
--nldesign-component-data-list-item-action-row-padding-inline-start | 12px | | this set | |
--nldesign-component-data-list-item-border-color | #cfd5dd | #2e363f | this set | |
--nldesign-component-data-list-item-border-width | 1px | | this set | |
--nldesign-component-data-list-item-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-data-list-item-key-font-weight | Bold | | this set | |
--nldesign-component-data-list-item-key-padding-block-end | 4px | | this set | |
--nldesign-component-data-list-item-key-padding-block-start | 12px | | this set | |
--nldesign-component-data-list-item-key-padding-inline-end | 12px | | this set | |
--nldesign-component-data-list-item-key-padding-inline-start | 12px | | this set | |
--nldesign-component-data-list-item-key-row-padding-block-end | 12px | | this set | |
--nldesign-component-data-list-item-key-row-padding-block-start | 12px | | this set | |
--nldesign-component-data-list-item-key-row-padding-inline-end | 12px | | this set | |
--nldesign-component-data-list-item-key-row-padding-inline-start | 12px | | this set | |
--nldesign-component-data-list-item-value-font-weight | Regular | | this set | |
--nldesign-component-data-list-item-value-padding-block-end | 12px | | this set | |
--nldesign-component-data-list-item-value-padding-block-start | 4px | | this set | |
--nldesign-component-data-list-item-value-padding-inline-end | 12px | | this set | |
--nldesign-component-data-list-item-value-padding-inline-start | 12px | | this set | |
--nldesign-component-data-list-item-value-row-padding-block-end | 12px | | this set | |
--nldesign-component-data-list-item-value-row-padding-block-start | 12px | | this set | |
--nldesign-component-data-list-item-value-row-padding-inline-end | 12px | | this set | |
--nldesign-component-data-list-item-value-row-padding-inline-start | 12px | | this set | |
--nldesign-component-data-list-line-height | 150% | | this set | |
--nldesign-component-document-background-color | #ffffff | #141414 | this set | |
--nldesign-component-document-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-document-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-document-font-size | 16px | | this set | |
--nldesign-component-document-font-weight | Regular | | this set | |
--nldesign-component-document-inverse-background-color | #001e49 | #9ec4fa | this set | |
--nldesign-component-document-inverse-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-document-line-height | 150% | | this set | |
--nldesign-component-document-strong-font-weight | Bold | | this set | |
--nldesign-component-document-subtle-color | #586c88 | #899bb3 | this set | |
--nldesign-component-form-field-checkbox-option-column-gap | 8px | | this set | |
--nldesign-component-form-field-description-color | #586c88 | #899bb3 | this set | |
--nldesign-component-form-field-description-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-form-field-description-font-size | 16px | | this set | |
--nldesign-component-form-field-description-font-weight | Regular | | this set | |
--nldesign-component-form-field-description-line-height | 150% | | this set | |
--nldesign-component-form-field-error-message-color | #cd262d | #e15c61 | this set | |
--nldesign-component-form-field-error-message-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-form-field-error-message-font-size | 16px | | this set | |
--nldesign-component-form-field-error-message-font-weight | Regular | | this set | |
--nldesign-component-form-field-error-message-icon-margin-inline-end | 8px | | this set | |
--nldesign-component-form-field-error-message-icon-size | 24px | | this set | |
--nldesign-component-form-field-error-message-line-height | 150% | | this set | |
--nldesign-component-form-field-invalid-border-inline-start-color | #cd262d | #d0393f | this set | |
--nldesign-component-form-field-invalid-border-inline-start-width | 2px | | this set | |
--nldesign-component-form-field-invalid-padding-inline-start | 16px | | this set | |
--nldesign-component-form-field-label-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-form-field-label-font-size | 16px | | this set | |
--nldesign-component-form-field-label-line-height | 150% | | this set | |
--nldesign-component-form-field-margin-block-end | 1.5rem | | this set | |
--nldesign-component-form-field-margin-block-start | 1.5rem | | this set | |
--nldesign-component-form-field-option-label-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-form-field-option-label-disabled-color | #586c88 | #899bb3 | this set | |
--nldesign-component-form-field-option-label-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-form-field-option-label-font-size | 16px | | this set | |
--nldesign-component-form-field-option-label-font-weight | Regular | | this set | |
--nldesign-component-form-field-option-label-line-height | 150% | | this set | |
--nldesign-component-form-field-radio-option-column-gap | 8px | | this set | |
--nldesign-component-form-input-background-color | transparent | | this set | |
--nldesign-component-form-input-border-width | 0 | | this set | |
--nldesign-component-form-input-font-size | 16px | | this set | |
--nldesign-component-form-input-font-weight | 600 | | this set | |
--nldesign-component-form-input-padding-block-end | .3rem | | this set | |
--nldesign-component-form-input-padding-block-start | .55rem | | this set | |
--nldesign-component-form-input-padding-inline-end | 0 | | this set | |
--nldesign-component-form-input-padding-inline-start | 0 | | this set | |
--nldesign-component-heading-1-font-family | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-heading-1-margin-block-end | 0.5rem | | this set | |
--nldesign-component-heading-2-font-family | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-heading-2-margin-block-end | 0.5rem | | this set | |
--nldesign-component-heading-3-font-family | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-heading-3-margin-block-end | 0.5rem | | this set | |
--nldesign-component-heading-4-font-family | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-heading-4-margin-block-end | 0.5rem | | this set | |
--nldesign-component-heading-5-font-family | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-heading-6-font-family | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-heading-6-margin-block-end | 0.5rem | | this set | |
--nldesign-component-icon-functional-size | 24px | | this set | |
--nldesign-component-icon-only-button-padding-block-end | 12px | | this set | |
--nldesign-component-icon-only-button-padding-block-start | 12px | | this set | |
--nldesign-component-icon-only-button-padding-inline-end | 12px | | this set | |
--nldesign-component-icon-only-button-padding-inline-start | 12px | | this set | |
--nldesign-component-icon-toptask-size | 48px | | this set | |
--nldesign-component-link-active-color | #3b0faf | #7c50f0 | this set | |
--nldesign-component-link-active-text-decoration | none | | this set | |
--nldesign-component-link-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-component-link-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-link-focus-text-decoration | none | | this set | |
--nldesign-component-link-focus-text-decoration-thickness | auto | | this set | |
--nldesign-component-link-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-link-font-size | 16px | | this set | |
--nldesign-component-link-hover-text-decoration | none | | this set | |
--nldesign-component-link-hover-text-decoration-thickness | auto | | this set | |
--nldesign-component-link-icon-margin-inline | 4px | | this set | |
--nldesign-component-link-icon-size | 24px | | this set | |
--nldesign-component-link-line-height | 150% | | this set | |
--nldesign-component-link-text-decoration-color | #5616ff | #723dff | this set | |
--nldesign-component-link-text-decoration-thickness | auto | | this set | |
--nldesign-component-link-text-underline-offset | auto | | this set | |
--nldesign-component-ordered-list-font-familiy | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-ordered-list-font-weight | Regular | | this set | |
--nldesign-component-ordered-list-item-margin-block-end | 4px | | this set | |
--nldesign-component-ordered-list-item-margin-block-start | 4px | | this set | |
--nldesign-component-ordered-list-margin-block-end | 2rem | | this set | |
--nldesign-component-ordered-list-marker-content | ● | | this set | |
--nldesign-component-ordered-list-padding-inline-start | 24px | | this set | |
--nldesign-component-page-footer-padding-block-start | 60px | | this set | |
--nldesign-component-paragraph-lead-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-paragraph-lead-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-paragraph-lead-font-size | 20px | | this set | |
--nldesign-component-paragraph-lead-font-weight | Regular | | this set | |
--nldesign-component-paragraph-lead-line-height | 150% | | this set | |
--nldesign-component-paragraph-lead-margin-block-end | 3rem | | this set | |
--nldesign-component-paragraph-margin-block-end | 2rem | | this set | |
--nldesign-component-paragraph-margin-block-start | 0 | | this set | |
--nldesign-component-paragraph-small-print-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-paragraph-small-print-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-paragraph-small-print-font-size | 14px | | this set | |
--nldesign-component-paragraph-small-print-font-weight | Regular | | this set | |
--nldesign-component-paragraph-small-print-line-height | 150% | | this set | |
--nldesign-component-select-background-color | #ffffff | #141414 | this set | |
--nldesign-component-select-border-block-end-width | 1px | | this set | |
--nldesign-component-select-border-bottom-width | auto | | this set | |
--nldesign-component-select-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-component-select-border-radius | 0px | | this set | |
--nldesign-component-select-border-width | 1px | | this set | |
--nldesign-component-select-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-select-disabled-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-component-select-disabled-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-component-select-disabled-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-select-focus-background-color | #ffffff | #141414 | this set | |
--nldesign-component-select-focus-border-color | #000000 | #ebebeb | this set | |
--nldesign-component-select-focus-border-width | 2px | | this set | |
--nldesign-component-select-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-select-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-select-font-size | 16px | | this set | |
--nldesign-component-select-font-weight | Regular | | this set | |
--nldesign-component-select-hover-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-component-select-hover-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-component-select-hover-border-width | 2px | | this set | |
--nldesign-component-select-hover-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-select-icon-size | 24px | | this set | |
--nldesign-component-select-invalid-background-color | #ffffff | #141414 | this set | |
--nldesign-component-select-invalid-border-color | #cd262d | #d0393f | this set | |
--nldesign-component-select-invalid-border-width | 2px | | this set | |
--nldesign-component-select-invalid-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-select-line-height | 150% | | this set | |
--nldesign-component-select-max-inline-size | 400px | | this set | |
--nldesign-component-select-padding-block-end | 12px | | this set | |
--nldesign-component-select-padding-block-start | 12px | | this set | |
--nldesign-component-select-padding-inline-end | 12px | | this set | |
--nldesign-component-select-padding-inline-start | 12px | | this set | |
--nldesign-component-separator-block-size | 4px | | this set | |
--nldesign-component-separator-color | #cfd5dd | #2e363f | this set | |
--nldesign-component-separator-padding-block-end | 12px | | this set | |
--nldesign-component-separator-padding-block-start | 12px | | this set | |
--nldesign-component-status-badge-background-color | #f0ebff | #100337 | this set | |
--nldesign-component-status-badge-border-color | transparent | | this set | |
--nldesign-component-status-badge-border-radius | 4px | | this set | |
--nldesign-component-status-badge-border-width | 1px | | this set | |
--nldesign-component-status-badge-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-status-badge-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-status-badge-font-size | 14px | | this set | |
--nldesign-component-status-badge-font-weight | Bold | | this set | |
--nldesign-component-status-badge-informative-background-color | #ddf0fc | #092a3f | this set | |
--nldesign-component-status-badge-informative-border-color | transparent | | this set | |
--nldesign-component-status-badge-informative-color | #006fb3 | #4cbbff | this set | |
--nldesign-component-status-badge-line-height | 150% | | this set | |
--nldesign-component-status-badge-negative-background-color | #fee9ea | #370508 | this set | |
--nldesign-component-status-badge-negative-border-color | transparent | | this set | |
--nldesign-component-status-badge-negative-color | #cd262d | #e15c61 | this set | |
--nldesign-component-status-badge-padding-block | 2px | | this set | |
--nldesign-component-status-badge-padding-inline | 4px | | this set | |
--nldesign-component-status-badge-positive-background-color | #d5f5de | #134220 | this set | |
--nldesign-component-status-badge-positive-border-color | transparent | | this set | |
--nldesign-component-status-badge-positive-color | #157b31 | #84eaa0 | this set | |
--nldesign-component-status-badge-warning-background-color | #ffef99 | #786606 | this set | |
--nldesign-component-status-badge-warning-border-color | transparent | | this set | |
--nldesign-component-status-badge-warning-color | #7d6900 | #ffeb82 | this set | |
--nldesign-component-table-caption-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-table-caption-font-family | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-table-caption-font-size | 24px | | this set | |
--nldesign-component-table-caption-font-weight | Bold | | this set | |
--nldesign-component-table-caption-line-height | 125% | | this set | |
--nldesign-component-table-caption-margin-block-end | 24px | | this set | |
--nldesign-component-table-cell-padding-block-end | 12px | | this set | |
--nldesign-component-table-cell-padding-block-start | 12px | | this set | |
--nldesign-component-table-cell-padding-inline-end | 12px | | this set | |
--nldesign-component-table-cell-padding-inline-start | 12px | | this set | |
--nldesign-component-table-data-cell-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-table-data-cell-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-table-data-cell-font-size | 16px | | this set | |
--nldesign-component-table-data-cell-font-weight | Regular | | this set | |
--nldesign-component-table-data-cell-line-height | 150% | | this set | |
--nldesign-component-table-footer-background-color | transparent | | this set | |
--nldesign-component-table-footer-border-block-end-color | #cfd5dd | #2e363f | this set | |
--nldesign-component-table-footer-border-block-end-width | 1px | | this set | |
--nldesign-component-table-footer-cell-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-table-footer-cell-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-table-footer-cell-font-size | 16px | | this set | |
--nldesign-component-table-footer-cell-font-weight | Bold | | this set | |
--nldesign-component-table-footer-cell-line-height | 150% | | this set | |
--nldesign-component-table-header-border-block-end-color | #cfd5dd | #2e363f | this set | |
--nldesign-component-table-header-border-block-end-width | 2px | | this set | |
--nldesign-component-table-header-cell-color | #223c61 | #9eb8dd | this set | |
--nldesign-component-table-header-cell-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-table-header-cell-font-size | 16px | | this set | |
--nldesign-component-table-header-cell-font-weight | Bold | | this set | |
--nldesign-component-table-header-cell-line-height | 150% | | this set | |
--nldesign-component-table-row-background-color | transparent | | this set | |
--nldesign-component-table-row-border-block-end-color | #cfd5dd | #2e363f | this set | |
--nldesign-component-table-row-border-block-end-width | 1px | | this set | |
--nldesign-component-textarea-background-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-textarea-border-bottom-width | auto | | this set | |
--nldesign-component-textarea-border-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-textarea-border-radius | 0px | | this set | |
--nldesign-component-textarea-border-width | 1px | | this set | |
--nldesign-component-textarea-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-textarea-disabled-background-color | #f5f6f8 | #8d98af | this set | |
--nldesign-component-textarea-disabled-border-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-textarea-disabled-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-textarea-focus-background-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-textarea-focus-border-color | #000000 | #ebebeb | this set | |
--nldesign-component-textarea-focus-border-width | 2px | | this set | |
--nldesign-component-textarea-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-textarea-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-textarea-font-size | 16px | | this set | |
--nldesign-component-textarea-font-weight | Regular | | this set | |
--nldesign-component-textarea-hover-background-color | #f5f6f8 | #8d98af | this set | |
--nldesign-component-textarea-hover-border-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-textarea-hover-border-width | 2px | | this set | |
--nldesign-component-textarea-hover-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-textarea-invalid-background-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-textarea-invalid-border-color | #cd262d | #e15c61 | this set | |
--nldesign-component-textarea-invalid-border-width | 2px | | this set | |
--nldesign-component-textarea-invalid-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-textarea-line-height | 150% | | this set | |
--nldesign-component-textarea-max-inline-size | 400px | | this set | |
--nldesign-component-textarea-padding-block-end | 12px | | this set | |
--nldesign-component-textarea-padding-block-start | 12px | | this set | |
--nldesign-component-textarea-padding-inline-end | 12px | | this set | |
--nldesign-component-textarea-padding-inline-start | 12px | | this set | |
--nldesign-component-textarea-placeholder-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-textarea-read-only-background-color | #f5f6f8 | #8d98af | this set | |
--nldesign-component-textarea-read-only-border-color | transparent | | this set | |
--nldesign-component-textarea-read-only-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-textbox-border-block-end-width | auto | | this set | |
--nldesign-component-textbox-border-bottom-width | 1px | | this set | |
--nldesign-component-textbox-disabled-border-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-textbox-focus-background-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-textbox-focus-border-width | 2px | | this set | |
--nldesign-component-textbox-focus-color | #000000 | #ebebeb | this set | |
--nldesign-component-textbox-font-weight | Regular | | this set | |
--nldesign-component-textbox-hover-background-color | #f5f6f8 | #8d98af | this set | |
--nldesign-component-textbox-hover-border-width | 2px | | this set | |
--nldesign-component-textbox-hover-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-textbox-invalid-background-color | #ffffff | #9e9e9e | this set | |
--nldesign-component-textbox-invalid-border-width | 2px | | this set | |
--nldesign-component-textbox-invalid-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-textbox-line-height | 150% | | this set | |
--nldesign-component-textbox-max-inline-size | 400px | | this set | |
--nldesign-component-textbox-padding-block-end | 12px | | this set | |
--nldesign-component-textbox-padding-block-start | 12px | | this set | |
--nldesign-component-textbox-padding-inline-end | 12px | | this set | |
--nldesign-component-textbox-padding-inline-start | 12px | | this set | |
--nldesign-component-textbox-placeholder-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-component-textbox-read-only-background-color | #f5f6f8 | #8d98af | this set | |
--nldesign-component-textbox-read-only-border-color | transparent | | this set | |
--nldesign-component-textbox-read-only-color | #001e49 | #b6d4ff | this set | |
--nldesign-component-unordered-list-font-familiy | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-component-unordered-list-font-weight | Regular | | this set | |
--nldesign-component-unordered-list-item-margin-block-end | 4px | | this set | |
--nldesign-component-unordered-list-item-margin-block-start | 4px | | this set | |
--nldesign-component-unordered-list-marker-border-color | #223c61 | #93aed4 | this set | |
--nldesign-component-unordered-list-marker-color | #223c61 | #93aed4 | this set | |
--nldesign-component-unordered-list-padding-inline-start | 24px | | this set | |
--nldesign-container-border-color | #cfd5dd | #2e363f | this set | |
--nldesign-container-border-width | 1px | | this set | |
--nldesign-counter-badge-background-color | #f0ebff | #100337 | this set | |
--nldesign-counter-badge-border-color | transparent | | this set | |
--nldesign-counter-badge-border-radius | 999px | | this set | |
--nldesign-counter-badge-border-width | 1px | | this set | |
--nldesign-counter-badge-color | #223c61 | #9eb8dd | this set | |
--nldesign-counter-badge-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-counter-badge-font-size | 14px | | this set | |
--nldesign-counter-badge-font-weight | Bold | | this set | |
--nldesign-counter-badge-line-height | 150% | | this set | |
--nldesign-counter-badge-min-block-size | 24px | | this set | |
--nldesign-counter-badge-min-inline-size | 24px | | this set | |
--nldesign-counter-badge-padding-block | 4px | | this set | |
--nldesign-counter-badge-padding-inline | 4px | | this set | |
--nldesign-emphasis-strong-font-weight | 500 | | this set | |
--nldesign-feedback-informative-background-color | #ddf0fc | #092a3f | this set | |
--nldesign-feedback-informative-border-color | #006fb3 | #49b4f5 | this set | |
--nldesign-feedback-informative-color | #006fb3 | #4cbbff | this set | |
--nldesign-feedback-negative-background-color | #fee9ea | #370508 | this set | |
--nldesign-feedback-negative-border-color | #cd262d | #d0393f | this set | |
--nldesign-feedback-negative-color | #cd262d | #e15c61 | this set | |
--nldesign-feedback-positive-background-color | #d5f5de | #134220 | this set | |
--nldesign-feedback-positive-border-color | #157b31 | #7be297 | this set | |
--nldesign-feedback-positive-color | #157b31 | #84eaa0 | this set | |
--nldesign-feedback-warning-background-color | #ffef99 | #786606 | this set | |
--nldesign-feedback-warning-border-color | #7d6900 | #f8e374 | this set | |
--nldesign-feedback-warning-color | #7d6900 | #ffeb82 | this set | |
--nldesign-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-focus-color | #000000 | #ebebeb | this set | |
--nldesign-focus-inverse-outline-color | #ffffff | #141414 | this set | |
--nldesign-focus-outline-color | #5616ff | #460ce1 | this set | |
--nldesign-focus-outline-style | dotted | | this set | |
--nldesign-focus-outline-width | 2px | | this set | |
--nldesign-form-control-accent-color | #5616ff | #460ce1 | this set | |
--nldesign-form-control-active-accent-color | #3b0faf | #794fe7 | this set | |
--nldesign-form-control-active-background-color | #ebeef1 | #1d2328 | this set | |
--nldesign-form-control-active-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-form-control-active-border-width | 2px | | this set | |
--nldesign-form-control-active-color | #001e49 | #b6d4ff | this set | |
--nldesign-form-control-background-color | #ffffff | #141414 | this set | |
--nldesign-form-control-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-form-control-border-width | 1px | | this set | |
--nldesign-form-control-color | #001e49 | #b6d4ff | this set | |
--nldesign-form-control-disabled-accent-color | #7a8aa0 | #637186 | this set | |
--nldesign-form-control-disabled-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-form-control-disabled-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-form-control-disabled-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-form-control-focus-background-color | #ffffff | #141414 | this set | |
--nldesign-form-control-focus-border-color | #000000 | #ebebeb | this set | |
--nldesign-form-control-focus-border-width | 2px | | this set | |
--nldesign-form-control-focus-color | #000000 | #ebebeb | this set | |
--nldesign-form-control-hover-accent-color | #4a13db | #5e2ce2 | this set | |
--nldesign-form-control-hover-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-form-control-hover-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-form-control-hover-border-width | 2px | | this set | |
--nldesign-form-control-hover-color | #001e49 | #b6d4ff | this set | |
--nldesign-form-control-invalid-background-color | #ffffff | #141414 | this set | |
--nldesign-form-control-invalid-border-color | #cd262d | #d0393f | this set | |
--nldesign-form-control-invalid-border-width | 2px | | this set | |
--nldesign-form-control-invalid-color | #cd262d | #e15c61 | this set | |
--nldesign-form-control-placeholder-color | #7a8aa0 | #8e9cae | this set | |
--nldesign-form-control-read-only-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-form-control-read-only-border-color | transparent | | this set | |
--nldesign-form-control-read-only-color | #001e49 | #b6d4ff | this set | |
--nldesign-form-label-font-weight | 600 | | this set | |
--nldesign-interaction-active-color | #3b0faf | #7c50f0 | this set | |
--nldesign-interaction-color | #5616ff | #723dff | this set | |
--nldesign-interaction-hover-color | #4a13db | #794df0 | this set | |
--nldesign-line-border-color | #cfd5dd | #2e363f | this set | |
--nldesign-line-border-width | 1px | | this set | |
--nldesign-logo-url | url('../../img/logos/nijmegen.svg') | | this set | |
--nldesign-nl-avatar-background-color | #5616ff | #460ce1 | this set | |
--nldesign-nl-avatar-border-color | transparent | | this set | |
--nldesign-nl-avatar-border-radius | 999px | | this set | |
--nldesign-nl-avatar-border-width | 1px | | this set | |
--nldesign-nl-avatar-color | #ffffff | #9e9e9e | this set | |
--nldesign-nl-avatar-hover-background-color | #4a13db | #5e2ce2 | this set | |
--nldesign-nl-avatar-hover-border-color | transparent | | this set | |
--nldesign-nl-avatar-hover-color | #ffffff | #9e9e9e | this set | |
--nldesign-nl-avatar-icon-icon-size | 24px | | this set | |
--nldesign-nl-avatar-size | 48px | | this set | |
--nldesign-nl-avatar-text-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-nl-avatar-text-font-size | 16px | | this set | |
--nldesign-nl-avatar-text-font-weight | Bold | | this set | |
--nldesign-nl-avatar-text-line-height | 150% | | this set | |
--nldesign-nl-avatar-text-text-transform | uppercase | | this set | |
--nldesign-pagination-ellipses-color | #586c88 | #899bb3 | this set | |
--nldesign-pagination-ellipses-font-weight | Regular | | this set | |
--nldesign-pagination-ellipses-padding-block-end | 12px | | this set | |
--nldesign-pagination-ellipses-padding-block-start | 12px | | this set | |
--nldesign-pagination-ellipses-padding-inline-end | 0px | | this set | |
--nldesign-pagination-ellipses-padding-inline-start | 0px | | this set | |
--nldesign-pagination-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-pagination-font-size | 16px | | this set | |
--nldesign-pagination-gap | 4px | | this set | |
--nldesign-pagination-line-height | 150% | | this set | |
--nldesign-pagination-page-link-active-background-color | transparent | | this set | |
--nldesign-pagination-page-link-active-border-color | transparent | | this set | |
--nldesign-pagination-page-link-active-color | #3b0faf | #7c50f0 | this set | |
--nldesign-pagination-page-link-active-text-decoration | underline | | this set | |
--nldesign-pagination-page-link-background-color | transparent | | this set | |
--nldesign-pagination-page-link-border-color | transparent | | this set | |
--nldesign-pagination-page-link-border-radius | 0px | | this set | |
--nldesign-pagination-page-link-border-width | 1px | | this set | |
--nldesign-pagination-page-link-color | #5616ff | #723dff | this set | |
--nldesign-pagination-page-link-current-background-color | transparent | | this set | |
--nldesign-pagination-page-link-current-border-color | transparent | | this set | |
--nldesign-pagination-page-link-current-color | #223c61 | #9eb8dd | this set | |
--nldesign-pagination-page-link-current-font-weight | Bold | | this set | |
--nldesign-pagination-page-link-current-text-decoration | none | | this set | |
--nldesign-pagination-page-link-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-pagination-page-link-focus-color | #000000 | #ebebeb | this set | |
--nldesign-pagination-page-link-focus-text-decoration | none | | this set | |
--nldesign-pagination-page-link-font-weight | Regular | | this set | |
--nldesign-pagination-page-link-hover-background-color | transparent | | this set | |
--nldesign-pagination-page-link-hover-border-color | transparent | | this set | |
--nldesign-pagination-page-link-hover-color | #4a13db | #794df0 | this set | |
--nldesign-pagination-page-link-hover-text-decoration | underline | | this set | |
--nldesign-pagination-page-link-min-block-size | 48px | | this set | |
--nldesign-pagination-page-link-min-inline-size | 48px | | this set | |
--nldesign-pagination-page-link-padding-block-end | 12px | | this set | |
--nldesign-pagination-page-link-padding-block-start | 12px | | this set | |
--nldesign-pagination-page-link-padding-inline-end | 12px | | this set | |
--nldesign-pagination-page-link-padding-inline-start | 12px | | this set | |
--nldesign-pagination-page-link-text-decoration | none | | this set | |
--nldesign-pagination-relative-link-active-background-color | transparent | | this set | |
--nldesign-pagination-relative-link-active-border-color | transparent | | this set | |
--nldesign-pagination-relative-link-active-color | #3b0faf | #7c50f0 | this set | |
--nldesign-pagination-relative-link-active-text-decoration | underline | | this set | |
--nldesign-pagination-relative-link-background-color | transparent | | this set | |
--nldesign-pagination-relative-link-border-color | transparent | | this set | |
--nldesign-pagination-relative-link-border-radius | 0px | | this set | |
--nldesign-pagination-relative-link-border-width | 1px | | this set | |
--nldesign-pagination-relative-link-color | #5616ff | #723dff | this set | |
--nldesign-pagination-relative-link-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-pagination-relative-link-focus-color | #000000 | #ebebeb | this set | |
--nldesign-pagination-relative-link-focus-text-decoration | none | | this set | |
--nldesign-pagination-relative-link-font-weight | Regular | | this set | |
--nldesign-pagination-relative-link-hover-background-color | transparent | | this set | |
--nldesign-pagination-relative-link-hover-border-color | transparent | | this set | |
--nldesign-pagination-relative-link-hover-color | #4a13db | #794df0 | this set | |
--nldesign-pagination-relative-link-hover-text-decoration | underline | | this set | |
--nldesign-pagination-relative-link-icon-margin-inline | 4px | | this set | |
--nldesign-pagination-relative-link-icon-size | 24px | | this set | |
--nldesign-pagination-relative-link-min-block-size | 48px | | this set | |
--nldesign-pagination-relative-link-min-inline-size | 48px | | this set | |
--nldesign-pagination-relative-link-next-padding-inline-start | 4px | | this set | |
--nldesign-pagination-relative-link-padding-block-end | 12px | | this set | |
--nldesign-pagination-relative-link-padding-block-start | 12px | | this set | |
--nldesign-pagination-relative-link-padding-inline-end | 0px | | this set | |
--nldesign-pagination-relative-link-padding-inline-start | 0px | | this set | |
--nldesign-pagination-relative-link-previous-padding-inline-end | 4px | | this set | |
--nldesign-pagination-relative-link-text-decoration | none | | this set | |
--nldesign-pointer-target-min-size | 48px | | this set | |
--nldesign-radio-active-background-color | #ebeef1 | #1d2328 | this set | |
--nldesign-radio-active-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-radio-active-border-width | 2px | | this set | |
--nldesign-radio-background-color | #ffffff | #141414 | this set | |
--nldesign-radio-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-radio-border-radius | 999px | | this set | |
--nldesign-radio-border-width | 1px | | this set | |
--nldesign-radio-checked-active-background-color | #3b0faf | #794fe7 | this set | |
--nldesign-radio-checked-active-border-color | transparent | | this set | |
--nldesign-radio-checked-active-border-width | 2px | | this set | |
--nldesign-radio-checked-active-color | #ffffff | #9e9e9e | this set | |
--nldesign-radio-checked-background-color | #5616ff | #460ce1 | this set | |
--nldesign-radio-checked-border-color | transparent | | this set | |
--nldesign-radio-checked-border-width | 1px | | this set | |
--nldesign-radio-checked-color | #ffffff | #9e9e9e | this set | |
--nldesign-radio-checked-disabled-background-color | #7a8aa0 | #637186 | this set | |
--nldesign-radio-checked-disabled-border-color | transparent | | this set | |
--nldesign-radio-checked-disabled-color | #ffffff | #9e9e9e | this set | |
--nldesign-radio-checked-focus-background-color | #ffffff | #141414 | this set | |
--nldesign-radio-checked-focus-border-color | #000000 | #ebebeb | this set | |
--nldesign-radio-checked-focus-border-width | 2px | | this set | |
--nldesign-radio-checked-focus-color | #000000 | #ebebeb | this set | |
--nldesign-radio-checked-hover-background-color | #4a13db | #5e2ce2 | this set | |
--nldesign-radio-checked-hover-border-color | transparent | | this set | |
--nldesign-radio-checked-hover-border-width | 2px | | this set | |
--nldesign-radio-checked-hover-color | #ffffff | #9e9e9e | this set | |
--nldesign-radio-disabled-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-radio-disabled-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-radio-dot-size | 8px | | this set | |
--nldesign-radio-focus-background-color | #ffffff | #141414 | this set | |
--nldesign-radio-focus-border-color | #000000 | #ebebeb | this set | |
--nldesign-radio-focus-border-width | 2px | | this set | |
--nldesign-radio-group-padding-block-end | 8px | | this set | |
--nldesign-radio-group-padding-block-start | 8px | | this set | |
--nldesign-radio-group-row-gap | 16px | | this set | |
--nldesign-radio-hover-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-radio-hover-border-color | #7a8aa0 | #637186 | this set | |
--nldesign-radio-hover-border-width | 2px | | this set | |
--nldesign-radio-invalid-background-color | #ffffff | #141414 | this set | |
--nldesign-radio-invalid-border-color | #cd262d | #d0393f | this set | |
--nldesign-radio-invalid-border-width | 2px | | this set | |
--nldesign-radio-size | 24px | | this set | |
--nldesign-root-background-color | #f5f6f8 | #171a20 | this set | |
--nldesign-sidenav-link-active-color | #3b0faf | #7c50f0 | this set | |
--nldesign-sidenav-link-active-text-decoration | underline | | this set | |
--nldesign-sidenav-link-color | #5616ff | #723dff | this set | |
--nldesign-sidenav-link-current-color | #223c61 | #9eb8dd | this set | |
--nldesign-sidenav-link-current-font-weight | Bold | | this set | |
--nldesign-sidenav-link-focus-background-color | #dbcdff | #19044f | this set | |
--nldesign-sidenav-link-focus-color | #000000 | #ebebeb | this set | |
--nldesign-sidenav-link-focus-text-decoration | none | | this set | |
--nldesign-sidenav-link-font-family | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-sidenav-link-font-size | 16px | | this set | |
--nldesign-sidenav-link-font-weight | Regular | | this set | |
--nldesign-sidenav-link-hover-color | #4a13db | #794df0 | this set | |
--nldesign-sidenav-link-hover-text-decoration | underline | | this set | |
--nldesign-sidenav-link-icon-margin-inline | 8px | | this set | |
--nldesign-sidenav-link-icon-size | 24px | | this set | |
--nldesign-sidenav-link-line-height | 150% | | this set | |
--nldesign-sidenav-link-padding-block-end | 12px | | this set | |
--nldesign-sidenav-link-padding-block-start | 12px | | this set | |
--nldesign-sidenav-link-text-decoration | none | | this set | |
--nldesign-size-2xl | 160px | | this set | |
--nldesign-size-2xs | 16px | | this set | |
--nldesign-size-3xs | 8px | | this set | |
--nldesign-size-4xs | 4px | | this set | |
--nldesign-size-5xs | 2px | | this set | |
--nldesign-size-icon-2xl | 32px | | this set | |
--nldesign-size-icon-3xl | 40px | | this set | |
--nldesign-size-icon-4xl | 48px | | this set | |
--nldesign-size-icon-lg | 24px | | this set | |
--nldesign-size-icon-md | 24px | | this set | |
--nldesign-size-icon-sm | 20px | | this set | |
--nldesign-size-icon-xl | 24px | | this set | |
--nldesign-size-lg | 64px | | this set | |
--nldesign-size-md | 48px | | this set | |
--nldesign-size-sm | 32px | | this set | |
--nldesign-size-xl | 96px | | this set | |
--nldesign-size-xs | 24px | | this set | |
--nldesign-space-block-ant | 4px | | this set | |
--nldesign-space-block-beetle | 8px | | this set | |
--nldesign-space-block-cat | 32px | | this set | |
--nldesign-space-block-dog | 48px | | this set | |
--nldesign-space-block-flea | 2px | | this set | |
--nldesign-space-block-mouse | 16px | | this set | |
--nldesign-space-block-pig | 64px | | this set | |
--nldesign-space-block-rabbit | 24px | | this set | |
--nldesign-space-block-rat | 20px | | this set | |
--nldesign-space-block-snail | 12px | | this set | |
--nldesign-space-column-ant | 2px | | this set | |
--nldesign-space-column-beetle | 4px | | this set | |
--nldesign-space-column-cat | 24px | | this set | |
--nldesign-space-column-dog | 28px | | this set | |
--nldesign-space-column-elephant | 96px | | this set | |
--nldesign-space-column-flea | 1px | | this set | |
--nldesign-space-column-giraffe | 160px | | this set | |
--nldesign-space-column-horse | 64px | | this set | |
--nldesign-space-column-mouse | 12px | | this set | |
--nldesign-space-column-pig | 32px | | this set | |
--nldesign-space-column-rabbit | 20px | | this set | |
--nldesign-space-column-rat | 16px | | this set | |
--nldesign-space-column-snail | 8px | | this set | |
--nldesign-space-column-tiger | 48px | | this set | |
--nldesign-space-inline-ant | 4px | | this set | |
--nldesign-space-inline-beetle | 8px | | this set | |
--nldesign-space-inline-cat | 28px | | this set | |
--nldesign-space-inline-dog | 32px | | this set | |
--nldesign-space-inline-flea | 2px | | this set | |
--nldesign-space-inline-mouse | 16px | | this set | |
--nldesign-space-inline-pig | 48px | | this set | |
--nldesign-space-inline-rabbit | 24px | | this set | |
--nldesign-space-inline-rat | 20px | | this set | |
--nldesign-space-inline-snail | 12px | | this set | |
--nldesign-space-row-ant | 2px | | this set | |
--nldesign-space-row-beetle | 4px | | this set | |
--nldesign-space-row-cat | 24px | | this set | |
--nldesign-space-row-dog | 28px | | this set | |
--nldesign-space-row-elephant | 96px | | this set | |
--nldesign-space-row-flea | 1px | | this set | |
--nldesign-space-row-giraffe | 160px | | this set | |
--nldesign-space-row-horse | 64px | | this set | |
--nldesign-space-row-mouse | 12px | | this set | |
--nldesign-space-row-pig | 32px | | this set | |
--nldesign-space-row-rabbit | 20px | | this set | |
--nldesign-space-row-rat | 16px | | this set | |
--nldesign-space-row-snail | 8px | | this set | |
--nldesign-space-row-tiger | 48px | | this set | |
--nldesign-space-text-ant | 2px | | this set | |
--nldesign-space-text-beetle | 4px | | this set | |
--nldesign-space-text-cat | 16px | | this set | |
--nldesign-space-text-dog | 24px | | this set | |
--nldesign-space-text-flea | 1px | | this set | |
--nldesign-space-text-mouse | 8px | | this set | |
--nldesign-space-text-rabbit | 14px | | this set | |
--nldesign-space-text-rat | 12px | | this set | |
--nldesign-space-text-snail | 6px | | this set | |
--nldesign-tokenSetOrder-0 | brand | | this set | |
--nldesign-tokenSetOrder-1 | common | | this set | |
--nldesign-tokenSetOrder-2 | component | | this set | |
--nldesign-typography-font-family-primary | Source Serif Pro, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-typography-font-family-secondary | Fira Sans, Tahoma, Verdana, sans-serif | | this set | |
--nldesign-typography-font-size-2xl | 32px | | this set | |
--nldesign-typography-font-size-3xl | 40px | | this set | |
--nldesign-typography-font-size-4xl | 48px | | this set | |
--nldesign-typography-font-size-lg | 20px | | this set | |
--nldesign-typography-font-size-md | 16px | | this set | |
--nldesign-typography-font-size-sm | 14px | | this set | |
--nldesign-typography-font-size-xl | 24px | | this set | |
--nldesign-typography-font-weight-bold | Bold | | this set | |
--nldesign-typography-font-weight-normal | Regular | | this set | |
--nldesign-typography-line-height-lg | 200% | | this set | |
--nldesign-typography-line-height-md | 150% | | this set | |
--nldesign-typography-line-height-sm | 125% | | this set | |
--nldesign-typography-line-height-xs | 100% | | this set | |
--nldesign-typography-sans-serif-font-family | "Source Sans Pro", sans-serif | | this set | |
--nldesign-typography-serif-font-family | "Oranda", serif | | this set | |