@nswds/tokens 2.30.1 → 2.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/README.md +59 -63
  2. package/package.json +16 -30
  3. package/src/brand/black/logo.png +0 -0
  4. package/src/brand/black/logo.svg +0 -30
  5. package/src/brand/icon-dark.ico +0 -0
  6. package/src/brand/icon-dark.png +0 -0
  7. package/src/brand/icon-dark.svg +0 -17
  8. package/src/brand/icon-light.ico +0 -0
  9. package/src/brand/icon-light.png +0 -0
  10. package/src/brand/icon-light.svg +0 -30
  11. package/src/brand/icon.svg +0 -30
  12. package/src/brand/logo.png +0 -0
  13. package/src/brand/logo.svg +0 -34
  14. package/src/brand/placeholder.svg +0 -1
  15. package/src/brand/profile.jpg +0 -0
  16. package/src/brand/profile.png +0 -0
  17. package/src/brand/profile_matildas.jpg +0 -0
  18. package/src/brand/profile_pride.jpg +0 -0
  19. package/src/brand/reversed/logo.png +0 -0
  20. package/src/brand/reversed/logo.svg +0 -34
  21. package/src/brand/white/logo.png +0 -0
  22. package/src/brand/white/logo.svg +0 -21
  23. package/src/css/colors/global/hex.css +0 -344
  24. package/src/css/colors/global/hsl.css +0 -344
  25. package/src/css/colors/global/oklch.css +0 -344
  26. package/src/css/colors/global/rgb.css +0 -344
  27. package/src/css/colors/semantic/hex.css +0 -78
  28. package/src/css/colors/semantic/hsl.css +0 -78
  29. package/src/css/colors/semantic/oklch.css +0 -78
  30. package/src/css/colors/semantic/rgb.css +0 -78
  31. package/src/css/colors/themes/masterbrand/hex.css +0 -59
  32. package/src/css/colors/themes/masterbrand/hsl.css +0 -59
  33. package/src/css/colors/themes/masterbrand/oklch.css +0 -59
  34. package/src/css/colors/themes/masterbrand/rgb.css +0 -59
  35. package/src/css/prism/prism.css +0 -719
  36. package/src/figma/color/global/hex.json +0 -1406
  37. package/src/figma/color/global/hsl.json +0 -4142
  38. package/src/figma/color/global/oklch.json +0 -4142
  39. package/src/figma/color/global/rgb.json +0 -4142
  40. package/src/figma/color/semantic/hex.json +0 -314
  41. package/src/figma/color/semantic/hsl.json +0 -618
  42. package/src/figma/color/semantic/oklch.json +0 -618
  43. package/src/figma/color/semantic/rgb.json +0 -618
  44. package/src/figma/color/themes/masterbrand/color/hex.json +0 -236
  45. package/src/figma/color/themes/masterbrand/color/hsl.json +0 -464
  46. package/src/figma/color/themes/masterbrand/color/oklch.json +0 -464
  47. package/src/figma/color/themes/masterbrand/color/rgb.json +0 -464
  48. package/src/index.ts +0 -417
  49. package/src/js/colors/global/hex.js +0 -378
  50. package/src/js/colors/global/hsl.js +0 -378
  51. package/src/js/colors/global/oklch.js +0 -378
  52. package/src/js/colors/global/rgb.js +0 -378
  53. package/src/js/colors/semantic/hex.js +0 -87
  54. package/src/js/colors/semantic/hsl.js +0 -87
  55. package/src/js/colors/semantic/oklch.js +0 -87
  56. package/src/js/colors/semantic/rgb.js +0 -87
  57. package/src/js/colors/themes/masterbrand/hex.js +0 -63
  58. package/src/js/colors/themes/masterbrand/hsl.js +0 -63
  59. package/src/js/colors/themes/masterbrand/oklch.js +0 -63
  60. package/src/js/colors/themes/masterbrand/rgb.js +0 -63
  61. package/src/json/colors/global/hex.json +0 -380
  62. package/src/json/colors/global/hsl.json +0 -380
  63. package/src/json/colors/global/oklch.json +0 -380
  64. package/src/json/colors/global/rgb.json +0 -380
  65. package/src/json/colors/semantic/hex.json +0 -86
  66. package/src/json/colors/semantic/hsl.json +0 -86
  67. package/src/json/colors/semantic/oklch.json +0 -86
  68. package/src/json/colors/semantic/rgb.json +0 -86
  69. package/src/json/colors/themes/masterbrand/hex.json +0 -65
  70. package/src/json/colors/themes/masterbrand/hsl.json +0 -65
  71. package/src/json/colors/themes/masterbrand/oklch.json +0 -65
  72. package/src/json/colors/themes/masterbrand/rgb.json +0 -65
  73. package/src/less/colors/global/hex.less +0 -342
  74. package/src/less/colors/global/hsl.less +0 -342
  75. package/src/less/colors/global/oklch.less +0 -342
  76. package/src/less/colors/global/rgb.less +0 -342
  77. package/src/less/colors/semantic/hex.less +0 -76
  78. package/src/less/colors/semantic/hsl.less +0 -76
  79. package/src/less/colors/semantic/oklch.less +0 -76
  80. package/src/less/colors/semantic/rgb.less +0 -76
  81. package/src/less/colors/themes/masterbrand/hex.less +0 -57
  82. package/src/less/colors/themes/masterbrand/hsl.less +0 -57
  83. package/src/less/colors/themes/masterbrand/oklch.less +0 -57
  84. package/src/less/colors/themes/masterbrand/rgb.less +0 -57
  85. package/src/scss/colors/global/hex.scss +0 -342
  86. package/src/scss/colors/global/hsl.scss +0 -342
  87. package/src/scss/colors/global/oklch.scss +0 -342
  88. package/src/scss/colors/global/rgb.scss +0 -342
  89. package/src/scss/colors/semantic/hex.scss +0 -76
  90. package/src/scss/colors/semantic/hsl.scss +0 -76
  91. package/src/scss/colors/semantic/oklch.scss +0 -76
  92. package/src/scss/colors/semantic/rgb.scss +0 -76
  93. package/src/scss/colors/themes/masterbrand/hex.scss +0 -57
  94. package/src/scss/colors/themes/masterbrand/hsl.scss +0 -57
  95. package/src/scss/colors/themes/masterbrand/oklch.scss +0 -57
  96. package/src/scss/colors/themes/masterbrand/rgb.scss +0 -57
  97. package/src/tailwind/colors/global/hex.css +0 -689
  98. package/src/tailwind/colors/global/hsl.css +0 -689
  99. package/src/tailwind/colors/global/oklch.css +0 -689
  100. package/src/tailwind/colors/global/rgb.css +0 -689
  101. package/src/tailwind/colors/semantic/hex.css +0 -157
  102. package/src/tailwind/colors/semantic/hsl.css +0 -157
  103. package/src/tailwind/colors/semantic/oklch.css +0 -157
  104. package/src/tailwind/colors/semantic/rgb.css +0 -157
  105. package/src/tailwind/colors/themes/data-visualisation/hex.css +0 -417
  106. package/src/tailwind/colors/themes/data-visualisation/hsl.css +0 -417
  107. package/src/tailwind/colors/themes/data-visualisation/oklch.css +0 -417
  108. package/src/tailwind/colors/themes/data-visualisation/rgb.css +0 -417
  109. package/src/tailwind/colors/themes/fuchsia-blue/hex.css +0 -59
  110. package/src/tailwind/colors/themes/fuchsia-blue/hsl.css +0 -59
  111. package/src/tailwind/colors/themes/fuchsia-blue/oklch.css +0 -59
  112. package/src/tailwind/colors/themes/fuchsia-blue/rgb.css +0 -59
  113. package/src/tailwind/colors/themes/fuchsia-orange/hex.css +0 -59
  114. package/src/tailwind/colors/themes/fuchsia-orange/hsl.css +0 -59
  115. package/src/tailwind/colors/themes/fuchsia-orange/oklch.css +0 -59
  116. package/src/tailwind/colors/themes/fuchsia-orange/rgb.css +0 -59
  117. package/src/tailwind/colors/themes/masterbrand/hex.css +0 -59
  118. package/src/tailwind/colors/themes/masterbrand/hsl.css +0 -59
  119. package/src/tailwind/colors/themes/masterbrand/oklch.css +0 -59
  120. package/src/tailwind/colors/themes/masterbrand/rgb.css +0 -59
  121. package/src/ts/colors/global/hex.ts +0 -378
  122. package/src/ts/colors/global/hsl.ts +0 -378
  123. package/src/ts/colors/global/oklch.ts +0 -378
  124. package/src/ts/colors/global/rgb.ts +0 -378
  125. package/src/ts/colors/semantic/hex.ts +0 -84
  126. package/src/ts/colors/semantic/hsl.ts +0 -84
  127. package/src/ts/colors/semantic/oklch.ts +0 -84
  128. package/src/ts/colors/semantic/rgb.ts +0 -84
  129. package/src/ts/colors/themes/masterbrand/hex.ts +0 -63
  130. package/src/ts/colors/themes/masterbrand/hsl.ts +0 -63
  131. package/src/ts/colors/themes/masterbrand/oklch.ts +0 -63
  132. package/src/ts/colors/themes/masterbrand/rgb.ts +0 -63
  133. package/src/types.d.ts +0 -27
@@ -1,719 +0,0 @@
1
- code[class*='language-'],
2
- pre[class*='language-'] {
3
- color: #ccc;
4
- background: none;
5
- font-family:
6
- Consolas,
7
- Monaco,
8
- Andale Mono,
9
- Ubuntu Mono,
10
- monospace;
11
- font-size: 1em;
12
- word-wrap: normal;
13
- }
14
-
15
- pre[class*='language-'] {
16
- padding: 1em;
17
- margin: 0.5em 0;
18
- overflow: auto;
19
- }
20
-
21
- :not(pre) > code[class*='language-'],
22
- pre[class*='language-'] {
23
- background: #2d2d2d;
24
- }
25
-
26
- :not(pre) > code[class*='language-'] {
27
- white-space: normal;
28
- }
29
-
30
- .token.block-comment,
31
- .token.cdata,
32
- .token.comment,
33
- .token.doctype,
34
- .token.prolog {
35
- color: #999;
36
- }
37
-
38
- .token.punctuation {
39
- color: #ccc;
40
- }
41
-
42
- .token.attr-name,
43
- .token.deleted,
44
- .token.namespace,
45
- .token.tag {
46
- color: #e2777a;
47
- }
48
-
49
- .token.function-name {
50
- color: #6196cc;
51
- }
52
-
53
- .token.boolean,
54
- .token.function,
55
- .token.number {
56
- color: #f08d49;
57
- }
58
-
59
- .token.class-name,
60
- .token.constant,
61
- .token.property,
62
- .token.symbol {
63
- color: #f8c555;
64
- }
65
-
66
- .token.atrule,
67
- .token.builtin,
68
- .token.important,
69
- .token.keyword,
70
- .token.selector {
71
- color: #cc99cd;
72
- }
73
-
74
- .token.attr-value,
75
- .token.char,
76
- .token.regex,
77
- .token.string,
78
- .token.variable {
79
- color: #7ec699;
80
- }
81
-
82
- .token.entity,
83
- .token.operator,
84
- .token.url {
85
- color: #67cdcc;
86
- }
87
-
88
- .token.inserted {
89
- color: green;
90
- }
91
-
92
- .code-responsive-wrapper {
93
- background-color: #fff;
94
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fillRule='evenodd'%3E%3Cg fill='%23d1d5db' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
95
- }
96
-
97
- code[class*='language-'],
98
- pre[class*='language-'] {
99
- margin-bottom: 1.25rem;
100
- margin-top: 0;
101
- border-radius: 0.5rem;
102
- font-size: 0.875rem;
103
- line-height: 1.25rem;
104
- font-weight: 400;
105
- --tw-text-opacity: 1;
106
- color: rgb(231 70 148 / var(--tw-text-opacity, 1));
107
- font-family:
108
- Menlo,
109
- ui-monospace,
110
- SFMono-Regular,
111
- Monaco,
112
- Consolas,
113
- Liberation Mono,
114
- Courier New,
115
- monospace;
116
- direction: ltr;
117
- text-align: left;
118
- white-space: pre;
119
- word-spacing: normal;
120
- word-break: normal;
121
- line-height: 1.5;
122
- text-shadow: none;
123
- -moz-tab-size: 4;
124
- -o-tab-size: 4;
125
- tab-size: 4;
126
- -webkit-hyphens: none;
127
- hyphens: none;
128
- }
129
-
130
- div + pre[class*='language-'] {
131
- margin-bottom: 0;
132
- }
133
-
134
- .highlight {
135
- overflow: hidden;
136
- }
137
-
138
- .highlight-line {
139
- display: block;
140
- padding-left: 1em;
141
- margin-left: -1em;
142
- margin-right: -1em;
143
- --tw-bg-opacity: 1;
144
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
145
- }
146
-
147
- .highlight pre[class*='language-'] {
148
- margin: 1rem 0 2rem;
149
- border-radius: 0.75rem;
150
- --tw-bg-opacity: 1;
151
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
152
- padding: 1.5rem;
153
- font-size: 0.875rem;
154
- line-height: 1.25rem;
155
- }
156
-
157
- .code-preview-wrapper + .code-syntax-wrapper > .code-syntax,
158
- .code-preview-wrapper
159
- + .code-syntax-wrapper
160
- > .code-syntax
161
- > .relative
162
- > [data-code-wrapper]
163
- > .highlight
164
- pre[class*='language-'] {
165
- margin-top: 0;
166
- border-radius: 0;
167
- }
168
-
169
- .code-preview-wrapper + .code-syntax-wrapper {
170
- margin-bottom: 1rem;
171
- }
172
-
173
- .code-preview-wrapper
174
- + .code-syntax-wrapper
175
- > .code-syntax
176
- > .relative
177
- > [data-code-wrapper]
178
- > .highlight
179
- > pre[class*='language-'] {
180
- margin: 0;
181
- --tw-bg-opacity: 1;
182
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
183
- padding: 1rem;
184
- }
185
-
186
- :not(pre) > code[class*='language-'],
187
- pre[class*='language-'] {
188
- --tw-bg-opacity: 1;
189
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
190
- }
191
-
192
- :not(pre) > code[class*='language-'] {
193
- padding: 0.1em;
194
- border-radius: 0.3em;
195
- }
196
-
197
- .token.cdata,
198
- .token.comment,
199
- .token.doctype,
200
- .token.prolog {
201
- --tw-text-opacity: 1;
202
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
203
- }
204
-
205
- .token.punctuation {
206
- --tw-text-opacity: 1;
207
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
208
- }
209
-
210
- .namespace {
211
- opacity: 0.7;
212
- }
213
-
214
- .token.class-name,
215
- .token.keyword,
216
- .token.property,
217
- .token.tag {
218
- --tw-text-opacity: 1;
219
- color: rgb(126 58 242 / var(--tw-text-opacity, 1));
220
- }
221
-
222
- .token.boolean,
223
- .token.constant {
224
- --tw-text-opacity: 1;
225
- color: rgb(16 185 129 / var(--tw-text-opacity, 1));
226
- }
227
-
228
- .token.deleted,
229
- .token.symbol {
230
- --tw-text-opacity: 1;
231
- color: rgb(240 82 82 / var(--tw-text-opacity, 1));
232
- }
233
-
234
- .token.number {
235
- --tw-text-opacity: 1;
236
- color: rgb(231 70 148 / var(--tw-text-opacity, 1));
237
- }
238
-
239
- .token.attr-name,
240
- .token.builtin,
241
- .token.char,
242
- .token.inserted,
243
- .token.selector,
244
- .token.string {
245
- --tw-text-opacity: 1;
246
- color: rgb(2 132 199 / var(--tw-text-opacity, 1));
247
- }
248
-
249
- .token.variable {
250
- --tw-text-opacity: 1;
251
- color: rgb(144 97 249 / var(--tw-text-opacity, 1));
252
- }
253
-
254
- .token.operator {
255
- --tw-text-opacity: 1;
256
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
257
- }
258
-
259
- .token.entity {
260
- --tw-text-opacity: 1;
261
- color: rgb(227 160 8 / var(--tw-text-opacity, 1));
262
- cursor: help;
263
- }
264
-
265
- .token.url {
266
- --tw-text-opacity: 1;
267
- color: rgb(8 145 178 / var(--tw-text-opacity, 1));
268
- }
269
-
270
- .language-css .token.string,
271
- .style .token.string {
272
- --tw-text-opacity: 1;
273
- color: rgb(240 82 82 / var(--tw-text-opacity, 1));
274
- }
275
-
276
- .token.atrule,
277
- .token.attr-value {
278
- --tw-text-opacity: 1;
279
- color: rgb(5 150 105 / var(--tw-text-opacity, 1));
280
- }
281
-
282
- .token.function {
283
- --tw-text-opacity: 1;
284
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
285
- }
286
-
287
- .token.regex {
288
- color: #e9c062;
289
- }
290
-
291
- .token.important {
292
- color: #fd971f;
293
- }
294
-
295
- .token.bold,
296
- .token.important {
297
- font-weight: 700;
298
- }
299
-
300
- .token.italic {
301
- font-style: italic;
302
- }
303
-
304
- .token {
305
- --tw-text-opacity: 1;
306
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
307
- }
308
-
309
- code.language-bash,
310
- code.language-tsx,
311
- pre.language-bash {
312
- --tw-text-opacity: 1;
313
- color: rgb(8 145 178 / var(--tw-text-opacity, 1));
314
- }
315
-
316
- code.language-tsx .token.function {
317
- --tw-text-opacity: 1;
318
- color: rgb(14 159 110 / var(--tw-text-opacity, 1));
319
- }
320
-
321
- code.language-tsx .token.punctuation {
322
- --tw-text-opacity: 1;
323
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
324
- }
325
-
326
- code.language-tsx .token.keyword {
327
- --tw-text-opacity: 1;
328
- color: rgb(217 70 239 / var(--tw-text-opacity, 1));
329
- }
330
-
331
- code.language-tsx .token.comment {
332
- --tw-text-opacity: 1;
333
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
334
- }
335
-
336
- code.language-tsx .token.class-name,
337
- code.language-tsx .token.string {
338
- --tw-text-opacity: 1;
339
- color: rgb(126 58 242 / var(--tw-text-opacity, 1));
340
- }
341
-
342
- code.language-tsx .token {
343
- background: transparent;
344
- }
345
-
346
- code.language-html .token.tag {
347
- --tw-text-opacity: 1;
348
- color: rgb(162 28 175 / var(--tw-text-opacity, 1));
349
- }
350
-
351
- code.language-html .token.attr-name {
352
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
353
- }
354
-
355
- code.language-html .token.attr-value {
356
- --tw-text-opacity: 1;
357
- color: rgb(8 145 178 / var(--tw-text-opacity, 1));
358
- }
359
-
360
- code.language-html .token.punctuation {
361
- --tw-text-opacity: 1;
362
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
363
- }
364
-
365
- code.language-html .token.attr-name {
366
- --tw-text-opacity: 1;
367
- color: rgb(5 122 85 / var(--tw-text-opacity, 1));
368
- }
369
-
370
- code.language-html .token.comment {
371
- --tw-text-opacity: 1;
372
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
373
- }
374
-
375
- #carbonads * {
376
- margin: initial;
377
- padding: initial;
378
- }
379
-
380
- #carbonads {
381
- font-family:
382
- -apple-system,
383
- BlinkMacSystemFont,
384
- Segoe UI,
385
- Roboto,
386
- Oxygen-Sans,
387
- Ubuntu,
388
- Cantarell,
389
- Helvetica Neue,
390
- Helvetica,
391
- Arial,
392
- sans-serif;
393
- margin: 0;
394
- display: flex;
395
- max-width: 330px;
396
- box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
397
- z-index: 100;
398
- --tw-bg-opacity: 1;
399
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
400
- }
401
-
402
- #carbonads a {
403
- text-decoration: none;
404
- }
405
-
406
- #carbonads a,
407
- #carbonads a:hover {
408
- color: inherit;
409
- }
410
-
411
- #carbonads span {
412
- position: relative;
413
- display: block;
414
- overflow: hidden;
415
- }
416
-
417
- #carbonads .carbon-wrap {
418
- display: flex;
419
- }
420
-
421
- #carbonads .carbon-img {
422
- display: block;
423
- margin: 0;
424
- line-height: 1;
425
- }
426
-
427
- #carbonads .carbon-img img {
428
- display: block;
429
- }
430
-
431
- #carbonads .carbon-text {
432
- font-size: 13px;
433
- padding: 10px;
434
- margin-bottom: 16px;
435
- line-height: 1.5;
436
- text-align: left;
437
- }
438
-
439
- #carbonads .carbon-poweredby {
440
- --tw-bg-opacity: 1;
441
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
442
- display: block;
443
- padding: 6px 8px;
444
- text-align: center;
445
- text-transform: uppercase;
446
- letter-spacing: 0.5px;
447
- font-weight: 600;
448
- font-size: 8px;
449
- line-height: 1;
450
- position: absolute;
451
- bottom: 0;
452
- right: 0;
453
- }
454
-
455
- .dark .code-responsive-wrapper,
456
- [data-theme='dark'] .code-responsive-wrapper {
457
- background-color: #111827;
458
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fillRule='evenodd'%3E%3Cg fill='%236b7280' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
459
- }
460
-
461
- .dark code[class*='language-'],
462
- .dark pre[class*='language-'],
463
- pre.dark[class*='language-'],
464
- [data-theme='dark'] code[class*='language-'],
465
- [data-theme='dark'] pre[class*='language-'],
466
- pre[data-theme='dark'][class*='language-'] {
467
- --tw-text-opacity: 1;
468
- color: rgb(241 126 184 / var(--tw-text-opacity, 1));
469
- }
470
-
471
- .dark .highlight-line,
472
- [data-theme='dark'] .highlight-line {
473
- --tw-bg-opacity: 1;
474
- background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
475
- }
476
-
477
- .dark
478
- .code-preview-wrapper
479
- + .code-syntax-wrapper
480
- > .code-syntax
481
- > .relative
482
- > [data-code-wrapper]
483
- > .highlight
484
- > pre[class*='language-'],
485
- [data-theme='dark']
486
- .code-preview-wrapper
487
- + .code-syntax-wrapper
488
- > .code-syntax
489
- > .relative
490
- > [data-code-wrapper]
491
- > .highlight
492
- > pre[class*='language-'],
493
- .dark .highlight pre[class*='language-'],
494
- [data-theme='dark'] .highlight pre[class*='language-'],
495
- .dark :not(pre) > code[class*='language-'],
496
- [data-theme='dark'] :not(pre) > code[class*='language-'],
497
- .dark pre[class*='language-'],
498
- [data-theme='dark'] pre[class*='language-'],
499
- pre.dark[class*='language-'],
500
- pre[data-theme='dark'][class*='language-'] {
501
- --tw-bg-opacity: 1;
502
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
503
- }
504
-
505
- .dark .token.cdata,
506
- .dark .token.comment,
507
- .dark .token.doctype,
508
- .dark .token.prolog,
509
- [data-theme='dark'] .token.cdata,
510
- [data-theme='dark'] .token.comment,
511
- [data-theme='dark'] .token.doctype,
512
- [data-theme='dark'] .token.prolog {
513
- --tw-text-opacity: 1;
514
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
515
- }
516
-
517
- .dark .token.punctuation,
518
- [data-theme='dark'] .token.punctuation {
519
- --tw-text-opacity: 1;
520
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
521
- }
522
-
523
- .dark .token.class-name,
524
- .dark .token.keyword,
525
- .dark .token.property,
526
- .dark .token.tag,
527
- [data-theme='dark'] .token.class-name,
528
- [data-theme='dark'] .token.keyword,
529
- [data-theme='dark'] .token.property,
530
- [data-theme='dark'] .token.tag {
531
- --tw-text-opacity: 1;
532
- color: rgb(172 148 250 / var(--tw-text-opacity, 1));
533
- }
534
-
535
- .dark .token.boolean,
536
- .dark .token.constant,
537
- [data-theme='dark'] .token.boolean,
538
- [data-theme='dark'] .token.constant {
539
- --tw-text-opacity: 1;
540
- color: rgb(52 211 153 / var(--tw-text-opacity, 1));
541
- }
542
-
543
- .dark .token.deleted,
544
- .dark .token.symbol,
545
- [data-theme='dark'] .token.deleted,
546
- [data-theme='dark'] .token.symbol {
547
- --tw-text-opacity: 1;
548
- color: rgb(249 128 128 / var(--tw-text-opacity, 1));
549
- }
550
-
551
- .dark .token.number,
552
- [data-theme='dark'] .token.number {
553
- --tw-text-opacity: 1;
554
- color: rgb(241 126 184 / var(--tw-text-opacity, 1));
555
- }
556
-
557
- .dark .token.attr-name,
558
- .dark .token.builtin,
559
- .dark .token.char,
560
- .dark .token.inserted,
561
- .dark .token.selector,
562
- .dark .token.string,
563
- [data-theme='dark'] .token.attr-name,
564
- [data-theme='dark'] .token.builtin,
565
- [data-theme='dark'] .token.char,
566
- [data-theme='dark'] .token.inserted,
567
- [data-theme='dark'] .token.selector,
568
- [data-theme='dark'] .token.string {
569
- --tw-text-opacity: 1;
570
- color: rgb(56 189 248 / var(--tw-text-opacity, 1));
571
- }
572
-
573
- .dark .token.variable,
574
- [data-theme='dark'] .token.variable {
575
- --tw-text-opacity: 1;
576
- color: rgb(172 148 250 / var(--tw-text-opacity, 1));
577
- }
578
-
579
- .dark .token.operator,
580
- [data-theme='dark'] .token.operator {
581
- --tw-text-opacity: 1;
582
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
583
- }
584
-
585
- .dark .token.entity,
586
- [data-theme='dark'] .token.entity {
587
- --tw-text-opacity: 1;
588
- color: rgb(250 202 21 / var(--tw-text-opacity, 1));
589
- }
590
-
591
- .dark .token.url,
592
- [data-theme='dark'] .token.url {
593
- --tw-text-opacity: 1;
594
- color: rgb(6 182 212 / var(--tw-text-opacity, 1));
595
- }
596
-
597
- .dark .language-css .token.string,
598
- .dark .style .token.string,
599
- [data-theme='dark'] .language-css .token.string,
600
- [data-theme='dark'] .style .token.string {
601
- --tw-text-opacity: 1;
602
- color: rgb(249 128 128 / var(--tw-text-opacity, 1));
603
- }
604
-
605
- .dark .token.atrule,
606
- .dark .token.attr-value,
607
- [data-theme='dark'] .token.atrule,
608
- [data-theme='dark'] .token.attr-value {
609
- --tw-text-opacity: 1;
610
- color: rgb(110 231 183 / var(--tw-text-opacity, 1));
611
- }
612
-
613
- .dark .token.function,
614
- [data-theme='dark'] .token.function {
615
- --tw-text-opacity: 1;
616
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
617
- }
618
-
619
- .dark .token,
620
- [data-theme='dark'] .token {
621
- --tw-text-opacity: 1;
622
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
623
- }
624
-
625
- .dark code.language-bash,
626
- .dark code.language-tsx,
627
- .dark pre.language-bash,
628
- [data-theme='dark'] code.language-bash,
629
- [data-theme='dark'] code.language-tsx,
630
- [data-theme='dark'] pre.language-bash {
631
- --tw-text-opacity: 1;
632
- color: rgb(34 211 238 / var(--tw-text-opacity, 1));
633
- }
634
-
635
- .dark code.language-tsx .token.function,
636
- [data-theme='dark'] code.language-tsx .token.function {
637
- --tw-text-opacity: 1;
638
- color: rgb(132 225 188 / var(--tw-text-opacity, 1));
639
- }
640
-
641
- .dark code.language-tsx .token.punctuation,
642
- [data-theme='dark'] code.language-tsx .token.punctuation {
643
- --tw-text-opacity: 1;
644
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
645
- }
646
-
647
- .dark code.language-tsx .token.keyword,
648
- [data-theme='dark'] code.language-tsx .token.keyword {
649
- --tw-text-opacity: 1;
650
- color: rgb(232 121 249 / var(--tw-text-opacity, 1));
651
- }
652
-
653
- .dark code.language-tsx .token.comment,
654
- [data-theme='dark'] code.language-tsx .token.comment {
655
- --tw-text-opacity: 1;
656
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
657
- }
658
-
659
- .dark code.language-tsx .token.class-name,
660
- .dark code.language-tsx .token.string,
661
- [data-theme='dark'] code.language-tsx .token.class-name,
662
- [data-theme='dark'] code.language-tsx .token.string {
663
- --tw-text-opacity: 1;
664
- color: rgb(172 148 250 / var(--tw-text-opacity, 1));
665
- }
666
-
667
- .dark code.language-html .token.tag,
668
- [data-theme='dark'] code.language-html .token.tag {
669
- --tw-text-opacity: 1;
670
- color: rgb(232 121 249 / var(--tw-text-opacity, 1));
671
- }
672
-
673
- .dark code.language-html .token.attr-name,
674
- [data-theme='dark'] code.language-html .token.attr-name {
675
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
676
- }
677
-
678
- .dark code.language-html .token.attr-value,
679
- [data-theme='dark'] code.language-html .token.attr-value {
680
- --tw-text-opacity: 1;
681
- color: rgb(34 211 238 / var(--tw-text-opacity, 1));
682
- }
683
-
684
- .dark code.language-html .token.punctuation,
685
- [data-theme='dark'] code.language-html .token.punctuation {
686
- --tw-text-opacity: 1;
687
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
688
- }
689
-
690
- .dark code.language-html .token.attr-name,
691
- [data-theme='dark'] code.language-html .token.attr-name {
692
- --tw-text-opacity: 1;
693
- color: rgb(49 196 141 / var(--tw-text-opacity, 1));
694
- }
695
-
696
- .dark code.language-html .token.comment,
697
- [data-theme='dark'] code.language-html .token.comment {
698
- --tw-text-opacity: 1;
699
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
700
- }
701
-
702
- .dark #carbonads,
703
- [data-theme='dark'] #carbonads {
704
- --tw-bg-opacity: 1;
705
- --tw-text-opacity: 1;
706
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
707
- }
708
-
709
- .dark #carbonads,
710
- .dark #carbonads .carbon-poweredby,
711
- [data-theme='dark'] #carbonads,
712
- [data-theme='dark'] #carbonads .carbon-poweredby {
713
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
714
- }
715
-
716
- .dark #carbonads .carbon-poweredby,
717
- [data-theme='dark'] #carbonads .carbon-poweredby {
718
- --tw-bg-opacity: 1;
719
- }