@sealcode/sealgen 0.17.15 → 0.17.17
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.
|
@@ -279,6 +279,10 @@ class ColorsBuilder extends Builder {
|
|
|
279
279
|
.pair.single span {
|
|
280
280
|
opacity: 0.5;
|
|
281
281
|
}
|
|
282
|
+
|
|
283
|
+
.pair.link span {
|
|
284
|
+
text-decoration: underline;
|
|
285
|
+
}
|
|
282
286
|
}
|
|
283
287
|
}
|
|
284
288
|
</style>
|
|
@@ -291,6 +295,11 @@ class ColorsBuilder extends Builder {
|
|
|
291
295
|
<span>canvas</span>
|
|
292
296
|
${makeDemoPair(
|
|
293
297
|
"var(--color-brand-text-fg)",
|
|
298
|
+
"var(--color-brand-canvas)",
|
|
299
|
+
"text-fg on canvas"
|
|
300
|
+
)}
|
|
301
|
+
${makeDemoPair(
|
|
302
|
+
"var(--color-brand-text-fg)",
|
|
294
303
|
"var(--color-brand-text-bg)",
|
|
295
304
|
"text-fg on text-bg"
|
|
296
305
|
)}
|
|
@@ -298,6 +307,12 @@ class ColorsBuilder extends Builder {
|
|
|
298
307
|
"var(--color-brand-text-accent)",
|
|
299
308
|
"var(--color-brand-text-bg)",
|
|
300
309
|
"text-accent on text-bg"
|
|
310
|
+
)}
|
|
311
|
+
${makeDemoPair(
|
|
312
|
+
"var(--color-brand-link-fg)",
|
|
313
|
+
"var(--color-brand-text-bg)",
|
|
314
|
+
"link-fg on text-bg",
|
|
315
|
+
"link"
|
|
301
316
|
)}
|
|
302
317
|
${makeDemoPair(
|
|
303
318
|
"",
|
|
@@ -320,6 +335,18 @@ class ColorsBuilder extends Builder {
|
|
|
320
335
|
"var(--color-brand-text-on-accent2)",
|
|
321
336
|
"var(--color-brand-accent2)",
|
|
322
337
|
"text-on-accent2 on accent2"
|
|
338
|
+
)}
|
|
339
|
+
${makeDemoPair(
|
|
340
|
+
"var(--color-brand-link-on-accent)",
|
|
341
|
+
"var(--color-brand-accent)",
|
|
342
|
+
"link-on-accent on accent",
|
|
343
|
+
"link"
|
|
344
|
+
)}
|
|
345
|
+
${makeDemoPair(
|
|
346
|
+
"var(--color-brand-link-on-accent2)",
|
|
347
|
+
"var(--color-brand-accent2)",
|
|
348
|
+
"link-on-accent2 on accent2",
|
|
349
|
+
"link"
|
|
323
350
|
)}
|
|
324
351
|
</div>
|
|
325
352
|
</div>
|
package/package.json
CHANGED
|
@@ -306,6 +306,10 @@ export class ColorsBuilder extends Builder {
|
|
|
306
306
|
.pair.single span {
|
|
307
307
|
opacity: 0.5;
|
|
308
308
|
}
|
|
309
|
+
|
|
310
|
+
.pair.link span {
|
|
311
|
+
text-decoration: underline;
|
|
312
|
+
}
|
|
309
313
|
}
|
|
310
314
|
}
|
|
311
315
|
</style>
|
|
@@ -316,6 +320,11 @@ export class ColorsBuilder extends Builder {
|
|
|
316
320
|
<div class="demo">
|
|
317
321
|
<div class="canvas">
|
|
318
322
|
<span>canvas</span>
|
|
323
|
+
${makeDemoPair(
|
|
324
|
+
"var(--color-brand-text-fg)",
|
|
325
|
+
"var(--color-brand-canvas)",
|
|
326
|
+
"text-fg on canvas"
|
|
327
|
+
)}
|
|
319
328
|
${makeDemoPair(
|
|
320
329
|
"var(--color-brand-text-fg)",
|
|
321
330
|
"var(--color-brand-text-bg)",
|
|
@@ -326,6 +335,12 @@ export class ColorsBuilder extends Builder {
|
|
|
326
335
|
"var(--color-brand-text-bg)",
|
|
327
336
|
"text-accent on text-bg"
|
|
328
337
|
)}
|
|
338
|
+
${makeDemoPair(
|
|
339
|
+
"var(--color-brand-link-fg)",
|
|
340
|
+
"var(--color-brand-text-bg)",
|
|
341
|
+
"link-fg on text-bg",
|
|
342
|
+
"link"
|
|
343
|
+
)}
|
|
329
344
|
${makeDemoPair(
|
|
330
345
|
"",
|
|
331
346
|
"var(--color-brand-accent)",
|
|
@@ -348,6 +363,18 @@ export class ColorsBuilder extends Builder {
|
|
|
348
363
|
"var(--color-brand-accent2)",
|
|
349
364
|
"text-on-accent2 on accent2"
|
|
350
365
|
)}
|
|
366
|
+
${makeDemoPair(
|
|
367
|
+
"var(--color-brand-link-on-accent)",
|
|
368
|
+
"var(--color-brand-accent)",
|
|
369
|
+
"link-on-accent on accent",
|
|
370
|
+
"link"
|
|
371
|
+
)}
|
|
372
|
+
${makeDemoPair(
|
|
373
|
+
"var(--color-brand-link-on-accent2)",
|
|
374
|
+
"var(--color-brand-accent2)",
|
|
375
|
+
"link-on-accent2 on accent2",
|
|
376
|
+
"link"
|
|
377
|
+
)}
|
|
351
378
|
</div>
|
|
352
379
|
</div>
|
|
353
380
|
</div>
|