UNPKG

8.94 kBSCSSView Raw
1$polaris-color-filters-map: (
2 'color-purple-text': (
3 brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(2843%)
4 hue-rotate(223deg) brightness(92%) contrast(86%),
5 ),
6 'color-purple-darker': (
7 brightness(0) saturate(100%) invert(8%) sepia(38%) saturate(6605%)
8 hue-rotate(265deg) brightness(99%) contrast(124%),
9 ),
10 'color-purple-dark': (
11 brightness(0) saturate(100%) invert(12%) sepia(46%) saturate(4964%)
12 hue-rotate(258deg) brightness(101%) contrast(93%),
13 ),
14 'color-purple': (
15 brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%)
16 hue-rotate(229deg) brightness(91%) contrast(91%),
17 ),
18 'color-purple-light': (
19 brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(1535%)
20 hue-rotate(203deg) brightness(103%) contrast(104%),
21 ),
22 'color-purple-lighter': (
23 brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(135%)
24 hue-rotate(219deg) brightness(110%) contrast(98%),
25 ),
26 'color-indigo-text': (
27 brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1035%)
28 hue-rotate(195deg) brightness(97%) contrast(94%),
29 ),
30 'color-indigo-darker': (
31 brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%)
32 hue-rotate(229deg) brightness(72%) contrast(111%),
33 ),
34 'color-indigo-dark': (
35 brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%)
36 hue-rotate(218deg) brightness(87%) contrast(98%),
37 ),
38 'color-indigo': (
39 brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%)
40 hue-rotate(194deg) brightness(88%) contrast(84%),
41 ),
42 'color-indigo-light': (
43 brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%)
44 hue-rotate(194deg) brightness(111%) contrast(92%),
45 ),
46 'color-indigo-lighter': (
47 brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(1090%)
48 hue-rotate(179deg) brightness(100%) contrast(96%),
49 ),
50 'color-blue-text': (
51 brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%)
52 hue-rotate(158deg) brightness(96%) contrast(89%),
53 ),
54 'color-blue-darker': (
55 brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%)
56 hue-rotate(195deg) brightness(97%) contrast(102%),
57 ),
58 'color-blue-dark': (
59 brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%)
60 hue-rotate(182deg) brightness(94%) contrast(101%),
61 ),
62 'color-blue': (
63 brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%)
64 hue-rotate(190deg) brightness(99%) contrast(101%),
65 ),
66 'color-blue-light': (
67 brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%)
68 hue-rotate(178deg) brightness(108%) contrast(96%),
69 ),
70 'color-blue-lighter': (
71 brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%)
72 hue-rotate(175deg) brightness(103%) contrast(96%),
73 ),
74 'color-teal-text': (
75 brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%)
76 hue-rotate(128deg) brightness(94%) contrast(93%),
77 ),
78 'color-teal-darker': (
79 brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(2237%)
80 hue-rotate(141deg) brightness(96%) contrast(104%),
81 ),
82 'color-teal-dark': (
83 brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%)
84 hue-rotate(168deg) brightness(93%) contrast(101%),
85 ),
86 'color-teal': (
87 brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%)
88 hue-rotate(130deg) brightness(92%) contrast(87%),
89 ),
90 'color-teal-light': (
91 brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%)
92 hue-rotate(122deg) brightness(97%) contrast(91%),
93 ),
94 'color-teal-lighter': (
95 brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1124%)
96 hue-rotate(173deg) brightness(114%) contrast(92%),
97 ),
98 'color-green-text': (
99 brightness(0) saturate(100%) invert(30%) sepia(8%) saturate(1010%)
100 hue-rotate(63deg) brightness(91%) contrast(91%),
101 ),
102 'color-green-darker': (
103 brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(727%)
104 hue-rotate(118deg) brightness(93%) contrast(91%),
105 ),
106 'color-green-dark': (
107 brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%)
108 hue-rotate(155deg) brightness(97%) contrast(87%),
109 ),
110 'color-green': (
111 brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%)
112 hue-rotate(64deg) brightness(106%) contrast(91%),
113 ),
114 'color-green-light': (
115 brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(599%)
116 hue-rotate(52deg) brightness(93%) contrast(93%),
117 ),
118 'color-green-lighter': (
119 brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%)
120 hue-rotate(46deg) brightness(108%) contrast(89%),
121 ),
122 'color-yellow-text': (
123 brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%)
124 hue-rotate(11deg) brightness(97%) contrast(91%),
125 ),
126 'color-yellow-darker': (
127 brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%)
128 hue-rotate(17deg) brightness(103%) contrast(103%),
129 ),
130 'color-yellow-dark': (
131 brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%)
132 hue-rotate(0deg) brightness(93%) contrast(89%),
133 ),
134 'color-yellow': (
135 brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%)
136 hue-rotate(5deg) brightness(100%) contrast(100%),
137 ),
138 'color-yellow-light': (
139 brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%)
140 hue-rotate(355deg) brightness(103%) contrast(107%),
141 ),
142 'color-yellow-lighter': (
143 brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%)
144 hue-rotate(357deg) brightness(103%) contrast(98%),
145 ),
146 'color-orange-text': (
147 brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1092%)
148 hue-rotate(348deg) brightness(99%) contrast(84%),
149 ),
150 'color-orange-darker': (
151 brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(1926%)
152 hue-rotate(356deg) brightness(98%) contrast(99%),
153 ),
154 'color-orange-dark': (
155 brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%)
156 hue-rotate(5deg) brightness(96%) contrast(82%),
157 ),
158 'color-orange': (
159 brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%)
160 hue-rotate(340deg) brightness(105%) contrast(91%),
161 ),
162 'color-orange-light': (
163 brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(483%)
164 hue-rotate(335deg) brightness(101%) contrast(103%),
165 ),
166 'color-orange-lighter': (
167 brightness(0) saturate(100%) invert(93%) sepia(11%) saturate(918%)
168 hue-rotate(312deg) brightness(107%) contrast(98%),
169 ),
170 'color-red-text': (
171 brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(2068%)
172 hue-rotate(325deg) brightness(92%) contrast(83%),
173 ),
174 'color-red-darker': (
175 brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%)
176 hue-rotate(353deg) brightness(75%) contrast(101%),
177 ),
178 'color-red-dark': (
179 brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%)
180 hue-rotate(353deg) brightness(75%) contrast(101%),
181 ),
182 'color-red': (
183 brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%)
184 hue-rotate(353deg) brightness(89%) contrast(95%),
185 ),
186 'color-red-light': (
187 brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(2561%)
188 hue-rotate(313deg) brightness(101%) contrast(99%),
189 ),
190 'color-red-lighter': (
191 brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(137%)
192 hue-rotate(324deg) brightness(102%) contrast(97%),
193 ),
194 'color-ink': (
195 brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%)
196 hue-rotate(171deg) brightness(99%) contrast(84%),
197 ),
198 'color-ink-light': (
199 brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%)
200 hue-rotate(173deg) brightness(83%) contrast(84%),
201 ),
202 'color-ink-lighter': (
203 brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%)
204 hue-rotate(166deg) brightness(95%) contrast(90%),
205 ),
206 'color-ink-lightest': (
207 brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%)
208 hue-rotate(169deg) brightness(88%) contrast(90%),
209 ),
210 'color-sky-dark': (
211 brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%)
212 hue-rotate(167deg) brightness(96%) contrast(91%),
213 ),
214 'color-sky': (
215 brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%)
216 hue-rotate(175deg) brightness(97%) contrast(87%),
217 ),
218 'color-sky-light': (
219 brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%)
220 hue-rotate(174deg) brightness(99%) contrast(96%),
221 ),
222 'color-sky-lighter': (
223 brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%)
224 hue-rotate(170deg) brightness(99%) contrast(99%),
225 ),
226 'color-black': (
227 brightness(0) saturate(100%),
228 ),
229 'color-white': (
230 brightness(0) saturate(100%) invert(100%),
231 ),
232);