@penskemediacorp/larva-tokens 0.3.10-develop.8 → 0.4.1
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.
- package/build/robbreport.custom-properties.css +3 -2
- package/build/robbreport.json +2 -1
- package/build/robbreport.map.scss +3 -2
- package/build/robbreport.raw.json +10 -3
- package/build/rollingstone.custom-properties.css +45 -25
- package/build/rollingstone.json +44 -24
- package/build/rollingstone.map.scss +45 -25
- package/build/rollingstone.raw.json +239 -59
- package/package.json +2 -2
- package/style-guides/robbreport.html +20 -3
- package/style-guides/rollingstone.html +427 -50
|
@@ -324,6 +324,193 @@
|
|
|
324
324
|
</section>
|
|
325
325
|
|
|
326
326
|
|
|
327
|
+
<section>
|
|
328
|
+
<table>
|
|
329
|
+
|
|
330
|
+
<thead>
|
|
331
|
+
<tr id=font-size>
|
|
332
|
+
<th scope="col">Font Sizes</th>
|
|
333
|
+
<th scope="col">Value</th>
|
|
334
|
+
<th scope="col">Examples</th>
|
|
335
|
+
<th scope="col">Usage</th>
|
|
336
|
+
</tr>
|
|
337
|
+
</thead>
|
|
338
|
+
|
|
339
|
+
<tbody>
|
|
340
|
+
<tr>
|
|
341
|
+
<th scope="row">
|
|
342
|
+
<code>primary-xl-font-size-desktop</code>
|
|
343
|
+
</th>
|
|
344
|
+
<td>
|
|
345
|
+
<code>34px</code>
|
|
346
|
+
</td>
|
|
347
|
+
|
|
348
|
+
<td>
|
|
349
|
+
<div style="font-size: 34px;">
|
|
350
|
+
The quick brown fox jumps over the lazy dog.
|
|
351
|
+
</div>
|
|
352
|
+
</td>
|
|
353
|
+
|
|
354
|
+
<td></td>
|
|
355
|
+
</tr>
|
|
356
|
+
|
|
357
|
+
<tr>
|
|
358
|
+
<th scope="row">
|
|
359
|
+
<code>primary-l-font-size-mobile</code>
|
|
360
|
+
</th>
|
|
361
|
+
<td>
|
|
362
|
+
<code>34px</code>
|
|
363
|
+
</td>
|
|
364
|
+
|
|
365
|
+
<td>
|
|
366
|
+
<div style="font-size: 34px;">
|
|
367
|
+
The quick brown fox jumps over the lazy dog.
|
|
368
|
+
</div>
|
|
369
|
+
</td>
|
|
370
|
+
|
|
371
|
+
<td></td>
|
|
372
|
+
</tr>
|
|
373
|
+
|
|
374
|
+
<tr>
|
|
375
|
+
<th scope="row">
|
|
376
|
+
<code>primary-s-font-size-desktop</code>
|
|
377
|
+
</th>
|
|
378
|
+
<td>
|
|
379
|
+
<code>18px</code>
|
|
380
|
+
</td>
|
|
381
|
+
|
|
382
|
+
<td>
|
|
383
|
+
<div style="font-size: 18px;">
|
|
384
|
+
The quick brown fox jumps over the lazy dog.
|
|
385
|
+
</div>
|
|
386
|
+
</td>
|
|
387
|
+
|
|
388
|
+
<td></td>
|
|
389
|
+
</tr>
|
|
390
|
+
|
|
391
|
+
<tr>
|
|
392
|
+
<th scope="row">
|
|
393
|
+
<code>secondary-m-font-size-mobile</code>
|
|
394
|
+
</th>
|
|
395
|
+
<td>
|
|
396
|
+
<code>17px</code>
|
|
397
|
+
</td>
|
|
398
|
+
|
|
399
|
+
<td>
|
|
400
|
+
<div style="font-size: 17px;">
|
|
401
|
+
The quick brown fox jumps over the lazy dog.
|
|
402
|
+
</div>
|
|
403
|
+
</td>
|
|
404
|
+
|
|
405
|
+
<td></td>
|
|
406
|
+
</tr>
|
|
407
|
+
|
|
408
|
+
<tr>
|
|
409
|
+
<th scope="row">
|
|
410
|
+
<code>secondary-m-font-size-desktop</code>
|
|
411
|
+
</th>
|
|
412
|
+
<td>
|
|
413
|
+
<code>17px</code>
|
|
414
|
+
</td>
|
|
415
|
+
|
|
416
|
+
<td>
|
|
417
|
+
<div style="font-size: 17px;">
|
|
418
|
+
The quick brown fox jumps over the lazy dog.
|
|
419
|
+
</div>
|
|
420
|
+
</td>
|
|
421
|
+
|
|
422
|
+
<td></td>
|
|
423
|
+
</tr>
|
|
424
|
+
|
|
425
|
+
<tr>
|
|
426
|
+
<th scope="row">
|
|
427
|
+
<code>primary-s-font-size-mobile</code>
|
|
428
|
+
</th>
|
|
429
|
+
<td>
|
|
430
|
+
<code>18px</code>
|
|
431
|
+
</td>
|
|
432
|
+
|
|
433
|
+
<td>
|
|
434
|
+
<div style="font-size: 18px;">
|
|
435
|
+
The quick brown fox jumps over the lazy dog.
|
|
436
|
+
</div>
|
|
437
|
+
</td>
|
|
438
|
+
|
|
439
|
+
<td></td>
|
|
440
|
+
</tr>
|
|
441
|
+
|
|
442
|
+
<tr>
|
|
443
|
+
<th scope="row">
|
|
444
|
+
<code>primary-l-font-size-desktop</code>
|
|
445
|
+
</th>
|
|
446
|
+
<td>
|
|
447
|
+
<code>29px</code>
|
|
448
|
+
</td>
|
|
449
|
+
|
|
450
|
+
<td>
|
|
451
|
+
<div style="font-size: 29px;">
|
|
452
|
+
The quick brown fox jumps over the lazy dog.
|
|
453
|
+
</div>
|
|
454
|
+
</td>
|
|
455
|
+
|
|
456
|
+
<td></td>
|
|
457
|
+
</tr>
|
|
458
|
+
|
|
459
|
+
<tr>
|
|
460
|
+
<th scope="row">
|
|
461
|
+
<code>primary-xl-font-size-mobile</code>
|
|
462
|
+
</th>
|
|
463
|
+
<td>
|
|
464
|
+
<code>34px</code>
|
|
465
|
+
</td>
|
|
466
|
+
|
|
467
|
+
<td>
|
|
468
|
+
<div style="font-size: 34px;">
|
|
469
|
+
The quick brown fox jumps over the lazy dog.
|
|
470
|
+
</div>
|
|
471
|
+
</td>
|
|
472
|
+
|
|
473
|
+
<td></td>
|
|
474
|
+
</tr>
|
|
475
|
+
|
|
476
|
+
<tr>
|
|
477
|
+
<th scope="row">
|
|
478
|
+
<code>primary-m-font-size-mobile</code>
|
|
479
|
+
</th>
|
|
480
|
+
<td>
|
|
481
|
+
<code>17px</code>
|
|
482
|
+
</td>
|
|
483
|
+
|
|
484
|
+
<td>
|
|
485
|
+
<div style="font-size: 17px;">
|
|
486
|
+
The quick brown fox jumps over the lazy dog.
|
|
487
|
+
</div>
|
|
488
|
+
</td>
|
|
489
|
+
|
|
490
|
+
<td></td>
|
|
491
|
+
</tr>
|
|
492
|
+
|
|
493
|
+
<tr>
|
|
494
|
+
<th scope="row">
|
|
495
|
+
<code>primary-m-font-size-desktop</code>
|
|
496
|
+
</th>
|
|
497
|
+
<td>
|
|
498
|
+
<code>23px</code>
|
|
499
|
+
</td>
|
|
500
|
+
|
|
501
|
+
<td>
|
|
502
|
+
<div style="font-size: 23px;">
|
|
503
|
+
The quick brown fox jumps over the lazy dog.
|
|
504
|
+
</div>
|
|
505
|
+
</td>
|
|
506
|
+
|
|
507
|
+
<td></td>
|
|
508
|
+
</tr>
|
|
509
|
+
</tbody>
|
|
510
|
+
</table>
|
|
511
|
+
<hr />
|
|
512
|
+
</section>
|
|
513
|
+
|
|
327
514
|
|
|
328
515
|
<section>
|
|
329
516
|
<table>
|
|
@@ -411,6 +598,196 @@
|
|
|
411
598
|
</div>
|
|
412
599
|
</td>
|
|
413
600
|
|
|
601
|
+
<td></td>
|
|
602
|
+
</tr>
|
|
603
|
+
|
|
604
|
+
<tr>
|
|
605
|
+
<th scope="row">
|
|
606
|
+
<code>primary-m-line-height-desktop</code>
|
|
607
|
+
</th>
|
|
608
|
+
<td>
|
|
609
|
+
<code>25px</code>
|
|
610
|
+
</td>
|
|
611
|
+
|
|
612
|
+
<td>
|
|
613
|
+
<div class="line-height-example" style="line-height: 25px; background-size: 100% 25px;">
|
|
614
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
615
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
616
|
+
id feugiat at, venenatis quis erat.
|
|
617
|
+
</div>
|
|
618
|
+
</td>
|
|
619
|
+
|
|
620
|
+
<td></td>
|
|
621
|
+
</tr>
|
|
622
|
+
|
|
623
|
+
<tr>
|
|
624
|
+
<th scope="row">
|
|
625
|
+
<code>primary-xl-line-height-desktop</code>
|
|
626
|
+
</th>
|
|
627
|
+
<td>
|
|
628
|
+
<code>38px</code>
|
|
629
|
+
</td>
|
|
630
|
+
|
|
631
|
+
<td>
|
|
632
|
+
<div class="line-height-example" style="line-height: 38px; background-size: 100% 38px;">
|
|
633
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
634
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
635
|
+
id feugiat at, venenatis quis erat.
|
|
636
|
+
</div>
|
|
637
|
+
</td>
|
|
638
|
+
|
|
639
|
+
<td></td>
|
|
640
|
+
</tr>
|
|
641
|
+
|
|
642
|
+
<tr>
|
|
643
|
+
<th scope="row">
|
|
644
|
+
<code>primary-s-line-height-desktop</code>
|
|
645
|
+
</th>
|
|
646
|
+
<td>
|
|
647
|
+
<code>20px</code>
|
|
648
|
+
</td>
|
|
649
|
+
|
|
650
|
+
<td>
|
|
651
|
+
<div class="line-height-example" style="line-height: 20px; background-size: 100% 20px;">
|
|
652
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
653
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
654
|
+
id feugiat at, venenatis quis erat.
|
|
655
|
+
</div>
|
|
656
|
+
</td>
|
|
657
|
+
|
|
658
|
+
<td></td>
|
|
659
|
+
</tr>
|
|
660
|
+
|
|
661
|
+
<tr>
|
|
662
|
+
<th scope="row">
|
|
663
|
+
<code>secondary-m-line-height-mobile</code>
|
|
664
|
+
</th>
|
|
665
|
+
<td>
|
|
666
|
+
<code>21px</code>
|
|
667
|
+
</td>
|
|
668
|
+
|
|
669
|
+
<td>
|
|
670
|
+
<div class="line-height-example" style="line-height: 21px; background-size: 100% 21px;">
|
|
671
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
672
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
673
|
+
id feugiat at, venenatis quis erat.
|
|
674
|
+
</div>
|
|
675
|
+
</td>
|
|
676
|
+
|
|
677
|
+
<td></td>
|
|
678
|
+
</tr>
|
|
679
|
+
|
|
680
|
+
<tr>
|
|
681
|
+
<th scope="row">
|
|
682
|
+
<code>secondary-m-line-height-desktop</code>
|
|
683
|
+
</th>
|
|
684
|
+
<td>
|
|
685
|
+
<code>21px</code>
|
|
686
|
+
</td>
|
|
687
|
+
|
|
688
|
+
<td>
|
|
689
|
+
<div class="line-height-example" style="line-height: 21px; background-size: 100% 21px;">
|
|
690
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
691
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
692
|
+
id feugiat at, venenatis quis erat.
|
|
693
|
+
</div>
|
|
694
|
+
</td>
|
|
695
|
+
|
|
696
|
+
<td></td>
|
|
697
|
+
</tr>
|
|
698
|
+
|
|
699
|
+
<tr>
|
|
700
|
+
<th scope="row">
|
|
701
|
+
<code>primary-s-line-height-mobile</code>
|
|
702
|
+
</th>
|
|
703
|
+
<td>
|
|
704
|
+
<code>20px</code>
|
|
705
|
+
</td>
|
|
706
|
+
|
|
707
|
+
<td>
|
|
708
|
+
<div class="line-height-example" style="line-height: 20px; background-size: 100% 20px;">
|
|
709
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
710
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
711
|
+
id feugiat at, venenatis quis erat.
|
|
712
|
+
</div>
|
|
713
|
+
</td>
|
|
714
|
+
|
|
715
|
+
<td></td>
|
|
716
|
+
</tr>
|
|
717
|
+
|
|
718
|
+
<tr>
|
|
719
|
+
<th scope="row">
|
|
720
|
+
<code>primary-xl-line-height-mobile</code>
|
|
721
|
+
</th>
|
|
722
|
+
<td>
|
|
723
|
+
<code>38px</code>
|
|
724
|
+
</td>
|
|
725
|
+
|
|
726
|
+
<td>
|
|
727
|
+
<div class="line-height-example" style="line-height: 38px; background-size: 100% 38px;">
|
|
728
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
729
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
730
|
+
id feugiat at, venenatis quis erat.
|
|
731
|
+
</div>
|
|
732
|
+
</td>
|
|
733
|
+
|
|
734
|
+
<td></td>
|
|
735
|
+
</tr>
|
|
736
|
+
|
|
737
|
+
<tr>
|
|
738
|
+
<th scope="row">
|
|
739
|
+
<code>primary-m-line-height-mobile</code>
|
|
740
|
+
</th>
|
|
741
|
+
<td>
|
|
742
|
+
<code>20px</code>
|
|
743
|
+
</td>
|
|
744
|
+
|
|
745
|
+
<td>
|
|
746
|
+
<div class="line-height-example" style="line-height: 20px; background-size: 100% 20px;">
|
|
747
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
748
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
749
|
+
id feugiat at, venenatis quis erat.
|
|
750
|
+
</div>
|
|
751
|
+
</td>
|
|
752
|
+
|
|
753
|
+
<td></td>
|
|
754
|
+
</tr>
|
|
755
|
+
|
|
756
|
+
<tr>
|
|
757
|
+
<th scope="row">
|
|
758
|
+
<code>primary-l-line-height-desktop</code>
|
|
759
|
+
</th>
|
|
760
|
+
<td>
|
|
761
|
+
<code>32px</code>
|
|
762
|
+
</td>
|
|
763
|
+
|
|
764
|
+
<td>
|
|
765
|
+
<div class="line-height-example" style="line-height: 32px; background-size: 100% 32px;">
|
|
766
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
767
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
768
|
+
id feugiat at, venenatis quis erat.
|
|
769
|
+
</div>
|
|
770
|
+
</td>
|
|
771
|
+
|
|
772
|
+
<td></td>
|
|
773
|
+
</tr>
|
|
774
|
+
|
|
775
|
+
<tr>
|
|
776
|
+
<th scope="row">
|
|
777
|
+
<code>primary-l-line-height-mobile</code>
|
|
778
|
+
</th>
|
|
779
|
+
<td>
|
|
780
|
+
<code>38px</code>
|
|
781
|
+
</td>
|
|
782
|
+
|
|
783
|
+
<td>
|
|
784
|
+
<div class="line-height-example" style="line-height: 38px; background-size: 100% 38px;">
|
|
785
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
786
|
+
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
787
|
+
id feugiat at, venenatis quis erat.
|
|
788
|
+
</div>
|
|
789
|
+
</td>
|
|
790
|
+
|
|
414
791
|
<td></td>
|
|
415
792
|
</tr>
|
|
416
793
|
</tbody>
|
|
@@ -437,16 +814,16 @@
|
|
|
437
814
|
<code>font-family-primary-fancy</code>
|
|
438
815
|
</th>
|
|
439
816
|
<td>
|
|
440
|
-
<code>
|
|
817
|
+
<code>'Graphik', sans-serif</code>
|
|
441
818
|
</td>
|
|
442
819
|
|
|
443
820
|
<td>
|
|
444
|
-
<div style="font-family:
|
|
821
|
+
<div style="font-family: 'Graphik', sans-serif;">
|
|
445
822
|
The quick brown fox jumps over the lazy dog.
|
|
446
823
|
</div>
|
|
447
824
|
</td>
|
|
448
825
|
|
|
449
|
-
<td
|
|
826
|
+
<td></td>
|
|
450
827
|
</tr>
|
|
451
828
|
|
|
452
829
|
<tr>
|
|
@@ -454,16 +831,16 @@
|
|
|
454
831
|
<code>font-family-primary</code>
|
|
455
832
|
</th>
|
|
456
833
|
<td>
|
|
457
|
-
<code>
|
|
834
|
+
<code>Helvetica, sans-serif</code>
|
|
458
835
|
</td>
|
|
459
836
|
|
|
460
837
|
<td>
|
|
461
|
-
<div style="font-family:
|
|
838
|
+
<div style="font-family: Helvetica, sans-serif;">
|
|
462
839
|
The quick brown fox jumps over the lazy dog.
|
|
463
840
|
</div>
|
|
464
841
|
</td>
|
|
465
842
|
|
|
466
|
-
<td
|
|
843
|
+
<td>Fallback for primary-fancy.</td>
|
|
467
844
|
</tr>
|
|
468
845
|
|
|
469
846
|
<tr>
|
|
@@ -471,16 +848,16 @@
|
|
|
471
848
|
<code>font-family-secondary-fancy</code>
|
|
472
849
|
</th>
|
|
473
850
|
<td>
|
|
474
|
-
<code>
|
|
851
|
+
<code>'Graphik', sans-serif</code>
|
|
475
852
|
</td>
|
|
476
853
|
|
|
477
854
|
<td>
|
|
478
|
-
<div style="font-family:
|
|
855
|
+
<div style="font-family: 'Graphik', sans-serif;">
|
|
479
856
|
The quick brown fox jumps over the lazy dog.
|
|
480
857
|
</div>
|
|
481
858
|
</td>
|
|
482
859
|
|
|
483
|
-
<td
|
|
860
|
+
<td></td>
|
|
484
861
|
</tr>
|
|
485
862
|
|
|
486
863
|
<tr>
|
|
@@ -488,16 +865,16 @@
|
|
|
488
865
|
<code>font-family-secondary</code>
|
|
489
866
|
</th>
|
|
490
867
|
<td>
|
|
491
|
-
<code>'
|
|
868
|
+
<code>'Helvetica', serif</code>
|
|
492
869
|
</td>
|
|
493
870
|
|
|
494
871
|
<td>
|
|
495
|
-
<div style="font-family: '
|
|
872
|
+
<div style="font-family: 'Helvetica', serif;">
|
|
496
873
|
The quick brown fox jumps over the lazy dog.
|
|
497
874
|
</div>
|
|
498
875
|
</td>
|
|
499
876
|
|
|
500
|
-
<td
|
|
877
|
+
<td>Fallback for secondary-fancy.</td>
|
|
501
878
|
</tr>
|
|
502
879
|
|
|
503
880
|
<tr>
|
|
@@ -576,11 +953,11 @@
|
|
|
576
953
|
<code>border-color-brand-secondary-light</code>
|
|
577
954
|
</th>
|
|
578
955
|
<td>
|
|
579
|
-
<code>rgb(
|
|
956
|
+
<code>rgb(165, 133, 83)</code>
|
|
580
957
|
</td>
|
|
581
958
|
|
|
582
959
|
<td>
|
|
583
|
-
<hr style="border-top-color: rgb(
|
|
960
|
+
<hr style="border-top-color: rgb(165, 133, 83);" />
|
|
584
961
|
</td>
|
|
585
962
|
|
|
586
963
|
<td></td>
|
|
@@ -606,11 +983,11 @@
|
|
|
606
983
|
<code>border-color-grey-dark</code>
|
|
607
984
|
</th>
|
|
608
985
|
<td>
|
|
609
|
-
<code>rgb(
|
|
986
|
+
<code>rgb(123, 124, 132)</code>
|
|
610
987
|
</td>
|
|
611
988
|
|
|
612
989
|
<td>
|
|
613
|
-
<hr style="border-top-color: rgb(
|
|
990
|
+
<hr style="border-top-color: rgb(123, 124, 132);" />
|
|
614
991
|
</td>
|
|
615
992
|
|
|
616
993
|
<td></td>
|
|
@@ -621,11 +998,11 @@
|
|
|
621
998
|
<code>border-color-brand-secondary-dark</code>
|
|
622
999
|
</th>
|
|
623
1000
|
<td>
|
|
624
|
-
<code>rgb(
|
|
1001
|
+
<code>rgb(122, 89, 45)</code>
|
|
625
1002
|
</td>
|
|
626
1003
|
|
|
627
1004
|
<td>
|
|
628
|
-
<hr style="border-top-color: rgb(
|
|
1005
|
+
<hr style="border-top-color: rgb(122, 89, 45);" />
|
|
629
1006
|
</td>
|
|
630
1007
|
|
|
631
1008
|
<td></td>
|
|
@@ -651,11 +1028,11 @@
|
|
|
651
1028
|
<code>border-color-grey</code>
|
|
652
1029
|
</th>
|
|
653
1030
|
<td>
|
|
654
|
-
<code>rgb(
|
|
1031
|
+
<code>rgb(169, 169, 173)</code>
|
|
655
1032
|
</td>
|
|
656
1033
|
|
|
657
1034
|
<td>
|
|
658
|
-
<hr style="border-top-color: rgb(
|
|
1035
|
+
<hr style="border-top-color: rgb(169, 169, 173);" />
|
|
659
1036
|
</td>
|
|
660
1037
|
|
|
661
1038
|
<td></td>
|
|
@@ -696,11 +1073,11 @@
|
|
|
696
1073
|
<code>border-color-brand-primary-dark</code>
|
|
697
1074
|
</th>
|
|
698
1075
|
<td>
|
|
699
|
-
<code>rgb(
|
|
1076
|
+
<code>rgb(146, 7, 0)</code>
|
|
700
1077
|
</td>
|
|
701
1078
|
|
|
702
1079
|
<td>
|
|
703
|
-
<hr style="border-top-color: rgb(
|
|
1080
|
+
<hr style="border-top-color: rgb(146, 7, 0);" />
|
|
704
1081
|
</td>
|
|
705
1082
|
|
|
706
1083
|
<td></td>
|
|
@@ -766,9 +1143,9 @@
|
|
|
766
1143
|
<code>background-color-brand-secondary-dark</code>
|
|
767
1144
|
</th>
|
|
768
1145
|
<td>
|
|
769
|
-
<code>rgb(
|
|
1146
|
+
<code>rgb(122, 89, 45)</code>
|
|
770
1147
|
</td>
|
|
771
|
-
<td style="background-color: rgb(
|
|
1148
|
+
<td style="background-color: rgb(122, 89, 45); border: 1px solid #f6f6f6;"></td>
|
|
772
1149
|
<td></td>
|
|
773
1150
|
</tr>
|
|
774
1151
|
|
|
@@ -777,9 +1154,9 @@
|
|
|
777
1154
|
<code>background-color-brand-secondary-light</code>
|
|
778
1155
|
</th>
|
|
779
1156
|
<td>
|
|
780
|
-
<code>rgb(
|
|
1157
|
+
<code>rgb(165, 133, 83)</code>
|
|
781
1158
|
</td>
|
|
782
|
-
<td style="background-color: rgb(
|
|
1159
|
+
<td style="background-color: rgb(165, 133, 83); border: 1px solid #f6f6f6;"></td>
|
|
783
1160
|
<td></td>
|
|
784
1161
|
</tr>
|
|
785
1162
|
|
|
@@ -788,9 +1165,9 @@
|
|
|
788
1165
|
<code>background-color-grey-dark</code>
|
|
789
1166
|
</th>
|
|
790
1167
|
<td>
|
|
791
|
-
<code>rgb(
|
|
1168
|
+
<code>rgb(123, 124, 132)</code>
|
|
792
1169
|
</td>
|
|
793
|
-
<td style="background-color: rgb(
|
|
1170
|
+
<td style="background-color: rgb(123, 124, 132); border: 1px solid #f6f6f6;"></td>
|
|
794
1171
|
<td></td>
|
|
795
1172
|
</tr>
|
|
796
1173
|
|
|
@@ -799,9 +1176,9 @@
|
|
|
799
1176
|
<code>background-color-grey</code>
|
|
800
1177
|
</th>
|
|
801
1178
|
<td>
|
|
802
|
-
<code>rgb(
|
|
1179
|
+
<code>rgb(169, 169, 173)</code>
|
|
803
1180
|
</td>
|
|
804
|
-
<td style="background-color: rgb(
|
|
1181
|
+
<td style="background-color: rgb(169, 169, 173); border: 1px solid #f6f6f6;"></td>
|
|
805
1182
|
<td></td>
|
|
806
1183
|
</tr>
|
|
807
1184
|
|
|
@@ -821,9 +1198,9 @@
|
|
|
821
1198
|
<code>background-color-brand-secondary</code>
|
|
822
1199
|
</th>
|
|
823
1200
|
<td>
|
|
824
|
-
<code>rgb(
|
|
1201
|
+
<code>rgb(244, 243, 241)</code>
|
|
825
1202
|
</td>
|
|
826
|
-
<td style="background-color: rgb(
|
|
1203
|
+
<td style="background-color: rgb(244, 243, 241); border: 1px solid #f6f6f6;"></td>
|
|
827
1204
|
<td></td>
|
|
828
1205
|
</tr>
|
|
829
1206
|
|
|
@@ -854,9 +1231,9 @@
|
|
|
854
1231
|
<code>background-color-brand-primary-dark</code>
|
|
855
1232
|
</th>
|
|
856
1233
|
<td>
|
|
857
|
-
<code>rgb(
|
|
1234
|
+
<code>rgb(146, 7, 0)</code>
|
|
858
1235
|
</td>
|
|
859
|
-
<td style="background-color: rgb(
|
|
1236
|
+
<td style="background-color: rgb(146, 7, 0); border: 1px solid #f6f6f6;"></td>
|
|
860
1237
|
<td></td>
|
|
861
1238
|
</tr>
|
|
862
1239
|
|
|
@@ -887,9 +1264,9 @@
|
|
|
887
1264
|
<code>background-color-grey-darkest</code>
|
|
888
1265
|
</th>
|
|
889
1266
|
<td>
|
|
890
|
-
<code>rgb(
|
|
1267
|
+
<code>rgb(48, 48, 48)</code>
|
|
891
1268
|
</td>
|
|
892
|
-
<td style="background-color: rgb(
|
|
1269
|
+
<td style="background-color: rgb(48, 48, 48); border: 1px solid #f6f6f6;"></td>
|
|
893
1270
|
<td></td>
|
|
894
1271
|
</tr>
|
|
895
1272
|
|
|
@@ -932,10 +1309,10 @@
|
|
|
932
1309
|
<code>color-brand-secondary</code>
|
|
933
1310
|
</th>
|
|
934
1311
|
<td>
|
|
935
|
-
<code>rgb(
|
|
1312
|
+
<code>rgb(122, 89, 45)</code>
|
|
936
1313
|
</td>
|
|
937
1314
|
|
|
938
|
-
<td style="background-color: #f6f6f6; color: rgb(
|
|
1315
|
+
<td style="background-color: #f6f6f6; color: rgb(122, 89, 45);">
|
|
939
1316
|
The quick brown fox jumps over the lazy dog.
|
|
940
1317
|
</td>
|
|
941
1318
|
|
|
@@ -977,10 +1354,10 @@
|
|
|
977
1354
|
<code>color-brand-primary-dark</code>
|
|
978
1355
|
</th>
|
|
979
1356
|
<td>
|
|
980
|
-
<code>rgb(
|
|
1357
|
+
<code>rgb(146, 7, 0)</code>
|
|
981
1358
|
</td>
|
|
982
1359
|
|
|
983
|
-
<td style="background-color: #f6f6f6; color: rgb(
|
|
1360
|
+
<td style="background-color: #f6f6f6; color: rgb(146, 7, 0);">
|
|
984
1361
|
The quick brown fox jumps over the lazy dog.
|
|
985
1362
|
</td>
|
|
986
1363
|
|
|
@@ -1007,10 +1384,10 @@
|
|
|
1007
1384
|
<code>color-brand-primary</code>
|
|
1008
1385
|
</th>
|
|
1009
1386
|
<td>
|
|
1010
|
-
<code>rgb(
|
|
1387
|
+
<code>rgb(211, 37, 49)</code>
|
|
1011
1388
|
</td>
|
|
1012
1389
|
|
|
1013
|
-
<td style="background-color: #f6f6f6; color: rgb(
|
|
1390
|
+
<td style="background-color: #f6f6f6; color: rgb(211, 37, 49);">
|
|
1014
1391
|
The quick brown fox jumps over the lazy dog.
|
|
1015
1392
|
</td>
|
|
1016
1393
|
|
|
@@ -1037,10 +1414,10 @@
|
|
|
1037
1414
|
<code>color-brand-secondary-dark</code>
|
|
1038
1415
|
</th>
|
|
1039
1416
|
<td>
|
|
1040
|
-
<code>rgb(
|
|
1417
|
+
<code>rgb(122, 89, 45)</code>
|
|
1041
1418
|
</td>
|
|
1042
1419
|
|
|
1043
|
-
<td style="background-color: #f6f6f6; color: rgb(
|
|
1420
|
+
<td style="background-color: #f6f6f6; color: rgb(122, 89, 45);">
|
|
1044
1421
|
The quick brown fox jumps over the lazy dog.
|
|
1045
1422
|
</td>
|
|
1046
1423
|
|
|
@@ -1052,10 +1429,10 @@
|
|
|
1052
1429
|
<code>color-brand-secondary-light</code>
|
|
1053
1430
|
</th>
|
|
1054
1431
|
<td>
|
|
1055
|
-
<code>rgb(
|
|
1432
|
+
<code>rgb(165, 133, 83)</code>
|
|
1056
1433
|
</td>
|
|
1057
1434
|
|
|
1058
|
-
<td style="background-color: #f6f6f6; color: rgb(
|
|
1435
|
+
<td style="background-color: #f6f6f6; color: rgb(165, 133, 83);">
|
|
1059
1436
|
The quick brown fox jumps over the lazy dog.
|
|
1060
1437
|
</td>
|
|
1061
1438
|
|
|
@@ -1067,10 +1444,10 @@
|
|
|
1067
1444
|
<code>color-grey-dark</code>
|
|
1068
1445
|
</th>
|
|
1069
1446
|
<td>
|
|
1070
|
-
<code>rgb(
|
|
1447
|
+
<code>rgb(123, 124, 132)</code>
|
|
1071
1448
|
</td>
|
|
1072
1449
|
|
|
1073
|
-
<td style="background-color: #f6f6f6; color: rgb(
|
|
1450
|
+
<td style="background-color: #f6f6f6; color: rgb(123, 124, 132);">
|
|
1074
1451
|
The quick brown fox jumps over the lazy dog.
|
|
1075
1452
|
</td>
|
|
1076
1453
|
|
|
@@ -1082,10 +1459,10 @@
|
|
|
1082
1459
|
<code>color-grey</code>
|
|
1083
1460
|
</th>
|
|
1084
1461
|
<td>
|
|
1085
|
-
<code>rgb(
|
|
1462
|
+
<code>rgb(169, 169, 173)</code>
|
|
1086
1463
|
</td>
|
|
1087
1464
|
|
|
1088
|
-
<td style="background-color: #f6f6f6; color: rgb(
|
|
1465
|
+
<td style="background-color: #f6f6f6; color: rgb(169, 169, 173);">
|
|
1089
1466
|
The quick brown fox jumps over the lazy dog.
|
|
1090
1467
|
</td>
|
|
1091
1468
|
|