UNPKG

polestar-ui-kit

Version:

## Install

213 lines (193 loc) 9.31 kB
@import 'colorPalette'; @white: #fff; @gray-1: color(~`colorPalette("@{gray-6}", 1)`); @gray-2: color(~`colorPalette("@{gray-6}", 2)`); @gray-3: color(~`colorPalette("@{gray-6}", 3)`); @gray-4: color(~`colorPalette("@{gray-6}", 4)`); @gray-5: color(~`colorPalette("@{gray-6}", 5)`); @gray-6: #606060; @gray-7: color(~`colorPalette("@{gray-6}", 7)`); @gray-8: color(~`colorPalette("@{gray-6}", 8)`); @gray-9: color(~`colorPalette("@{gray-6}", 9)`); @gray-10: color(~`colorPalette("@{gray-6}", 10)`); @black: #000; @red-1: color(~`colorPalette("@{red-6}", 1)`); @red-2: color(~`colorPalette("@{red-6}", 2)`); @red-3: color(~`colorPalette("@{red-6}", 3)`); @red-4: color(~`colorPalette("@{red-6}", 4)`); @red-5: color(~`colorPalette("@{red-6}", 5)`); @red-6: #f40000; @red-7: color(~`colorPalette("@{red-6}", 7)`); @red-8: color(~`colorPalette("@{red-6}", 8)`); @red-9: color(~`colorPalette("@{red-6}", 9)`); @red-10: color(~`colorPalette("@{red-6}", 10)`); @coral-1: color(~`colorPalette("@{coral-6}", 1)`); @coral-2: color(~`colorPalette("@{coral-6}", 2)`); @coral-3: color(~`colorPalette("@{coral-6}", 3)`); @coral-4: color(~`colorPalette("@{coral-6}", 4)`); @coral-5: color(~`colorPalette("@{coral-6}", 5)`); @coral-6: #ff583f; @coral-7: color(~`colorPalette("@{coral-6}", 7)`); @coral-8: color(~`colorPalette("@{coral-6}", 8)`); @coral-9: color(~`colorPalette("@{coral-6}", 9)`); @coral-10: color(~`colorPalette("@{coral-6}", 10)`); @orange-1: color(~`colorPalette("@{orange-6}", 1)`); @orange-2: color(~`colorPalette("@{orange-6}", 2)`); @orange-3: color(~`colorPalette("@{orange-6}", 3)`); @orange-4: color(~`colorPalette("@{orange-6}", 4)`); @orange-5: color(~`colorPalette("@{orange-6}", 5)`); @orange-6: #eb6700; @orange-7: color(~`colorPalette("@{orange-6}", 7)`); @orange-8: color(~`colorPalette("@{orange-6}", 8)`); @orange-9: color(~`colorPalette("@{orange-6}", 9)`); @orange-10: color(~`colorPalette("@{orange-6}", 10)`); @yellow-1: color(~`colorPalette("@{yellow-6}", 1)`); @yellow-2: color(~`colorPalette("@{yellow-6}", 2)`); @yellow-3: color(~`colorPalette("@{yellow-6}", 3)`); @yellow-4: color(~`colorPalette("@{yellow-6}", 4)`); @yellow-5: color(~`colorPalette("@{yellow-6}", 5)`); @yellow-6: #ffcc00; @yellow-7: color(~`colorPalette("@{yellow-6}", 7)`); @yellow-8: color(~`colorPalette("@{yellow-6}", 8)`); @yellow-9: color(~`colorPalette("@{yellow-6}", 9)`); @yellow-10: color(~`colorPalette("@{yellow-6}", 10)`); @gold-1: color(~`colorPalette("@{gold-6}", 1)`); @gold-2: color(~`colorPalette("@{gold-6}", 2)`); @gold-3: color(~`colorPalette("@{gold-6}", 3)`); @gold-4: color(~`colorPalette("@{gold-6}", 4)`); @gold-5: color(~`colorPalette("@{gold-6}", 5)`); @gold-6: #f3ac00; @gold-7: color(~`colorPalette("@{gold-6}", 7)`); @gold-8: color(~`colorPalette("@{gold-6}", 8)`); @gold-9: color(~`colorPalette("@{gold-6}", 9)`); @gold-10: color(~`colorPalette("@{gold-6}", 10)`); @khaki-1: color(~`colorPalette("@{khaki-6}", 1)`); @khaki-2: color(~`colorPalette("@{khaki-6}", 2)`); @khaki-3: color(~`colorPalette("@{khaki-6}", 3)`); @khaki-4: color(~`colorPalette("@{khaki-6}", 4)`); @khaki-5: color(~`colorPalette("@{khaki-6}", 5)`); @khaki-6: #d5c95e; @khaki-7: color(~`colorPalette("@{khaki-6}", 7)`); @khaki-8: color(~`colorPalette("@{khaki-6}", 8)`); @khaki-9: color(~`colorPalette("@{khaki-6}", 9)`); @khaki-10: color(~`colorPalette("@{khaki-6}", 10)`); @lime-1: color(~`colorPalette("@{lime-6}", 1)`); @lime-2: color(~`colorPalette("@{lime-6}", 2)`); @lime-3: color(~`colorPalette("@{lime-6}", 3)`); @lime-4: color(~`colorPalette("@{lime-6}", 4)`); @lime-5: color(~`colorPalette("@{lime-6}", 5)`); @lime-6: #8ced0e; @lime-7: color(~`colorPalette("@{lime-6}", 7)`); @lime-8: color(~`colorPalette("@{lime-6}", 8)`); @lime-9: color(~`colorPalette("@{lime-6}", 9)`); @lime-10: color(~`colorPalette("@{lime-6}", 10)`); @green-1: color(~`colorPalette("@{green-6}", 1)`); @green-2: color(~`colorPalette("@{green-6}", 2)`); @green-3: color(~`colorPalette("@{green-6}", 3)`); @green-4: color(~`colorPalette("@{green-6}", 4)`); @green-5: color(~`colorPalette("@{green-6}", 5)`); @green-6: #00ad00; @green-7: color(~`colorPalette("@{green-6}", 7)`); @green-8: color(~`colorPalette("@{green-6}", 8)`); @green-9: color(~`colorPalette("@{green-6}", 9)`); @green-10: color(~`colorPalette("@{green-6}", 10)`); @aqua-1: color(~`colorPalette("@{aqua-6}", 1)`); @aqua-2: color(~`colorPalette("@{aqua-6}", 2)`); @aqua-3: color(~`colorPalette("@{aqua-6}", 3)`); @aqua-4: color(~`colorPalette("@{aqua-6}", 4)`); @aqua-5: color(~`colorPalette("@{aqua-6}", 5)`); @aqua-6: #19f6ff; @aqua-7: color(~`colorPalette("@{aqua-6}", 7)`); @aqua-8: color(~`colorPalette("@{aqua-6}", 8)`); @aqua-9: color(~`colorPalette("@{aqua-6}", 9)`); @aqua-10: color(~`colorPalette("@{aqua-6}", 10)`); @sky-1: color(~`colorPalette("@{sky-6}", 1)`); @sky-2: color(~`colorPalette("@{sky-6}", 2)`); @sky-3: color(~`colorPalette("@{sky-6}", 3)`); @sky-4: color(~`colorPalette("@{sky-6}", 4)`); @sky-5: color(~`colorPalette("@{sky-6}", 5)`); @sky-6: #00c3f4; @sky-7: color(~`colorPalette("@{sky-6}", 7)`); @sky-8: color(~`colorPalette("@{sky-6}", 8)`); @sky-9: color(~`colorPalette("@{sky-6}", 9)`); @sky-10: color(~`colorPalette("@{sky-6}", 10)`); @teal-1: color(~`colorPalette("@{teal-6}", 1)`); @teal-2: color(~`colorPalette("@{teal-6}", 2)`); @teal-3: color(~`colorPalette("@{teal-6}", 3)`); @teal-4: color(~`colorPalette("@{teal-6}", 4)`); @teal-5: color(~`colorPalette("@{teal-6}", 5)`); @teal-6: #00638c; @teal-7: color(~`colorPalette("@{teal-6}", 7)`); @teal-8: color(~`colorPalette("@{teal-6}", 8)`); @teal-9: color(~`colorPalette("@{teal-6}", 9)`); @teal-10: color(~`colorPalette("@{teal-6}", 10)`); @azure-1: color(~`colorPalette("@{azure-6}", 1)`); @azure-2: color(~`colorPalette("@{azure-6}", 2)`); @azure-3: color(~`colorPalette("@{azure-6}", 3)`); @azure-4: color(~`colorPalette("@{azure-6}", 4)`); @azure-5: color(~`colorPalette("@{azure-6}", 5)`); @azure-6: #0077e7; @azure-7: color(~`colorPalette("@{azure-6}", 7)`); @azure-8: color(~`colorPalette("@{azure-6}", 8)`); @azure-9: color(~`colorPalette("@{azure-6}", 9)`); @azure-10: color(~`colorPalette("@{azure-6}", 10)`); @blue-1: color(~`colorPalette("@{blue-6}", 1)`); @blue-2: color(~`colorPalette("@{blue-6}", 2)`); @blue-3: color(~`colorPalette("@{blue-6}", 3)`); @blue-4: color(~`colorPalette("@{blue-6}", 4)`); @blue-5: color(~`colorPalette("@{blue-6}", 5)`); @blue-6: #003e9c; @blue-7: color(~`colorPalette("@{blue-6}", 7)`); @blue-8: color(~`colorPalette("@{blue-6}", 8)`); @blue-9: color(~`colorPalette("@{blue-6}", 9)`); @blue-10: color(~`colorPalette("@{blue-6}", 10)`); @navy-1: color(~`colorPalette("@{navy-6}", 1)`); @navy-2: color(~`colorPalette("@{navy-6}", 2)`); @navy-3: color(~`colorPalette("@{navy-6}", 3)`); @navy-4: color(~`colorPalette("@{navy-6}", 4)`); @navy-5: color(~`colorPalette("@{navy-6}", 5)`); @navy-6: #002c74; @navy-7: color(~`colorPalette("@{navy-6}", 7)`); @navy-8: color(~`colorPalette("@{navy-6}", 8)`); @navy-9: color(~`colorPalette("@{navy-6}", 9)`); @navy-10: color(~`colorPalette("@{navy-6}", 10)`); @violet-1: color(~`colorPalette("@{violet-6}", 1)`); @violet-2: color(~`colorPalette("@{violet-6}", 2)`); @violet-3: color(~`colorPalette("@{violet-6}", 3)`); @violet-4: color(~`colorPalette("@{violet-6}", 4)`); @violet-5: color(~`colorPalette("@{violet-6}", 5)`); @violet-6: #6d24da; @violet-7: color(~`colorPalette("@{violet-6}", 7)`); @violet-8: color(~`colorPalette("@{violet-6}", 8)`); @violet-9: color(~`colorPalette("@{violet-6}", 9)`); @violet-10: color(~`colorPalette("@{violet-6}", 10)`); @purple-1: color(~`colorPalette("@{purple-6}", 1)`); @purple-2: color(~`colorPalette("@{purple-6}", 2)`); @purple-3: color(~`colorPalette("@{purple-6}", 3)`); @purple-4: color(~`colorPalette("@{purple-6}", 4)`); @purple-5: color(~`colorPalette("@{purple-6}", 5)`); @purple-6: #a234e1; @purple-7: color(~`colorPalette("@{purple-6}", 7)`); @purple-8: color(~`colorPalette("@{purple-6}", 8)`); @purple-9: color(~`colorPalette("@{purple-6}", 9)`); @purple-10: color(~`colorPalette("@{purple-6}", 10)`); @pink-1: color(~`colorPalette("@{pink-6}", 1)`); @pink-2: color(~`colorPalette("@{pink-6}", 2)`); @pink-3: color(~`colorPalette("@{pink-6}", 3)`); @pink-4: color(~`colorPalette("@{pink-6}", 4)`); @pink-5: color(~`colorPalette("@{pink-6}", 5)`); @pink-6: #ed28cf; @pink-7: color(~`colorPalette("@{pink-6}", 7)`); @pink-8: color(~`colorPalette("@{pink-6}", 8)`); @pink-9: color(~`colorPalette("@{pink-6}", 9)`); @pink-10: color(~`colorPalette("@{pink-6}", 10)`); @burgundy-1: color(~`colorPalette("@{burgundy-6}", 1)`); @burgundy-2: color(~`colorPalette("@{burgundy-6}", 2)`); @burgundy-3: color(~`colorPalette("@{burgundy-6}", 3)`); @burgundy-4: color(~`colorPalette("@{burgundy-6}", 4)`); @burgundy-5: color(~`colorPalette("@{burgundy-6}", 5)`); @burgundy-6: #be2649; @burgundy-7: color(~`colorPalette("@{burgundy-6}", 7)`); @burgundy-8: color(~`colorPalette("@{burgundy-6}", 8)`); @burgundy-9: color(~`colorPalette("@{burgundy-6}", 9)`); @burgundy-10: color(~`colorPalette("@{burgundy-6}", 10)`);