|
24 | 24 | --nt-color-17: #8B4513; /* SaddleBrown */ |
25 | 25 | --nt-color-18: #8B0000; /* DarkRed */ |
26 | 26 | --nt-color-19: #4682B4; /* SteelBlue */ |
| 27 | + /* Extra colors for additional timeline items */ |
| 28 | + --nt-color-20: #2E4053; /* Dark blue-gray */ |
| 29 | + --nt-color-21: #7D3C98; /* Purple */ |
| 30 | + --nt-color-22: #148F77; /* Teal-green */ |
| 31 | + --nt-color-23: #AF601A; /* Burnt orange */ |
27 | 32 | } |
28 | 33 |
|
29 | 34 | :root { |
@@ -708,88 +713,84 @@ details .nt-timeline.vertical.center:not(.alternate) .nt-timeline-item .nt-timel |
708 | 713 | font-size: 1rem !important; |
709 | 714 | } |
710 | 715 | } |
711 | | -/* default colors */ |
712 | | -.nt-timeline-item:nth-child(0) .nt-timeline-dot { |
713 | | - background-color: var(--nt-color-0); |
714 | | -} |
715 | | - |
716 | | -.nt-timeline-item:nth-child(1) .nt-timeline-dot { |
| 716 | +/* default colors – cycle every 20 items */ |
| 717 | +.nt-timeline-item:nth-child(20n + 1) .nt-timeline-dot { |
717 | 718 | background-color: var(--nt-color-1); |
718 | 719 | } |
719 | 720 |
|
720 | | -.nt-timeline-item:nth-child(2) .nt-timeline-dot { |
| 721 | +.nt-timeline-item:nth-child(20n + 2) .nt-timeline-dot { |
721 | 722 | background-color: var(--nt-color-2); |
722 | 723 | } |
723 | 724 |
|
724 | | -.nt-timeline-item:nth-child(3) .nt-timeline-dot { |
| 725 | +.nt-timeline-item:nth-child(20n + 3) .nt-timeline-dot { |
725 | 726 | background-color: var(--nt-color-3); |
726 | 727 | } |
727 | 728 |
|
728 | | -.nt-timeline-item:nth-child(4) .nt-timeline-dot { |
| 729 | +.nt-timeline-item:nth-child(20n + 4) .nt-timeline-dot { |
729 | 730 | background-color: var(--nt-color-4); |
730 | 731 | } |
731 | 732 |
|
732 | | -.nt-timeline-item:nth-child(5) .nt-timeline-dot { |
| 733 | +.nt-timeline-item:nth-child(20n + 5) .nt-timeline-dot { |
733 | 734 | background-color: var(--nt-color-5); |
734 | 735 | } |
735 | 736 |
|
736 | | -.nt-timeline-item:nth-child(6) .nt-timeline-dot { |
| 737 | +.nt-timeline-item:nth-child(20n + 6) .nt-timeline-dot { |
737 | 738 | background-color: var(--nt-color-6); |
738 | 739 | } |
739 | 740 |
|
740 | | -.nt-timeline-item:nth-child(7) .nt-timeline-dot { |
| 741 | +.nt-timeline-item:nth-child(20n + 7) .nt-timeline-dot { |
741 | 742 | background-color: var(--nt-color-7); |
742 | 743 | } |
743 | 744 |
|
744 | | -.nt-timeline-item:nth-child(8) .nt-timeline-dot { |
| 745 | +.nt-timeline-item:nth-child(20n + 8) .nt-timeline-dot { |
745 | 746 | background-color: var(--nt-color-8); |
746 | 747 | } |
747 | 748 |
|
748 | | -.nt-timeline-item:nth-child(9) .nt-timeline-dot { |
| 749 | +.nt-timeline-item:nth-child(20n + 9) .nt-timeline-dot { |
749 | 750 | background-color: var(--nt-color-9); |
750 | 751 | } |
751 | 752 |
|
752 | | -.nt-timeline-item:nth-child(10) .nt-timeline-dot { |
| 753 | +.nt-timeline-item:nth-child(20n + 10) .nt-timeline-dot { |
753 | 754 | background-color: var(--nt-color-10); |
754 | 755 | } |
755 | 756 |
|
756 | | -.nt-timeline-item:nth-child(11) .nt-timeline-dot { |
| 757 | +.nt-timeline-item:nth-child(20n + 11) .nt-timeline-dot { |
757 | 758 | background-color: var(--nt-color-11); |
758 | 759 | } |
759 | 760 |
|
760 | | -.nt-timeline-item:nth-child(12) .nt-timeline-dot { |
| 761 | +.nt-timeline-item:nth-child(20n + 12) .nt-timeline-dot { |
761 | 762 | background-color: var(--nt-color-12); |
762 | 763 | } |
763 | 764 |
|
764 | | -.nt-timeline-item:nth-child(13) .nt-timeline-dot { |
| 765 | +.nt-timeline-item:nth-child(20n + 13) .nt-timeline-dot { |
765 | 766 | background-color: var(--nt-color-13); |
766 | 767 | } |
767 | 768 |
|
768 | | -.nt-timeline-item:nth-child(14) .nt-timeline-dot { |
| 769 | +.nt-timeline-item:nth-child(20n + 14) .nt-timeline-dot { |
769 | 770 | background-color: var(--nt-color-14); |
770 | 771 | } |
771 | 772 |
|
772 | | -.nt-timeline-item:nth-child(15) .nt-timeline-dot { |
| 773 | +.nt-timeline-item:nth-child(20n + 15) .nt-timeline-dot { |
773 | 774 | background-color: var(--nt-color-15); |
774 | 775 | } |
775 | 776 |
|
776 | | -.nt-timeline-item:nth-child(16) .nt-timeline-dot { |
| 777 | +.nt-timeline-item:nth-child(20n + 16) .nt-timeline-dot { |
777 | 778 | background-color: var(--nt-color-16); |
778 | 779 | } |
779 | 780 |
|
780 | | -.nt-timeline-item:nth-child(17) .nt-timeline-dot { |
| 781 | +.nt-timeline-item:nth-child(20n + 17) .nt-timeline-dot { |
781 | 782 | background-color: var(--nt-color-17); |
782 | 783 | } |
783 | 784 |
|
784 | | -.nt-timeline-item:nth-child(18) .nt-timeline-dot { |
| 785 | +.nt-timeline-item:nth-child(20n + 18) .nt-timeline-dot { |
785 | 786 | background-color: var(--nt-color-18); |
786 | 787 | } |
787 | 788 |
|
788 | | -.nt-timeline-item:nth-child(19) .nt-timeline-dot { |
| 789 | +.nt-timeline-item:nth-child(20n + 19) .nt-timeline-dot { |
789 | 790 | background-color: var(--nt-color-19); |
790 | 791 | } |
791 | 792 |
|
792 | | -.nt-timeline-item:nth-child(20) .nt-timeline-dot { |
| 793 | +.nt-timeline-item:nth-child(20n) .nt-timeline-dot { |
793 | 794 | background-color: var(--nt-color-20); |
794 | 795 | } |
795 | 796 |
|
|
0 commit comments