Home

Tokens

Color tokens

Color palettes

Theme C

.nk-theme--c

--color--lighter: #6db5ba;
--color: #5ca9ad;
--color--darker: #529393;
--color--complementary: #d5ad26;

Theme M

.nk-theme--m

--color--lighter: #d17a9c;
--color: #c44f7a;
--color--darker: #bb2a5c;
--color--complementary: #5ca9ad;

Theme Y

.nk-theme--y

--color--lighter: #e5cc70;
--color: #d5ad26;
--color--darker: #c19a2b;
--color--complementary: #5ca9ad;

Scale k

--color--k-1: ;
--color--k-2: ;
--color--k-3: ;
--color--k-4: ;
--color--k-5: ;
--color--k-6: ;
--color--k-7: ;
--color--k-8: ;
--color--k-9: ;
--color--k-10: ;

Sizing tokens

--none: 0;
--xxx-small: 0.125rem; /*!2px;*/
--xx-small: 0.25rem; /*!4px*/
--x-small: 0.5rem; /*!8px*/
--small: 0.75rem; /*!12px*/
--medium: 1rem; /*!16px*/
--x-large: 1.5rem; /*!24px*/
--xx-large: 1.75rem; /*!28px*/
--xxx-large: 2rem; /*!32px*/
--xxxx-large: 3rem; /*!48px*/