|
6 | 6 | height: 110px; |
7 | 7 | } |
8 | 8 |
|
9 | | -/* Release cycle chart */ |
10 | | - |
11 | | -.release-cycle-chart { |
12 | | - width: 100%; |
13 | | -} |
14 | | - |
15 | | -.release-cycle-chart .release-cycle-year-line { |
16 | | - stroke: var(--color-foreground-primary); |
17 | | - stroke-width: 0.8px; |
18 | | - opacity: 75%; |
19 | | -} |
20 | | - |
21 | | -.release-cycle-chart .release-cycle-year-text { |
22 | | - fill: var(--color-foreground-primary); |
23 | | -} |
24 | | - |
25 | | -.release-cycle-chart .release-cycle-today-line { |
26 | | - stroke: var(--color-brand-primary); |
27 | | - stroke-width: 1.6px; |
28 | | -} |
29 | | - |
30 | | -.release-cycle-chart .release-cycle-row-shade { |
31 | | - fill: var(--color-background-item); |
32 | | - opacity: 50%; |
33 | | -} |
34 | | - |
35 | | -.release-cycle-chart .release-cycle-version-label { |
36 | | - fill: var(--color-foreground-primary); |
37 | | -} |
38 | | - |
39 | | -.release-cycle-chart .release-cycle-blob { |
40 | | - stroke-width: 1.6px; |
41 | | - /* default colours, overridden below for individual statuses */ |
42 | | - fill: var(--color-background-primary); |
43 | | - stroke: var(--color-foreground-primary); |
44 | | -} |
45 | | - |
46 | | -.release-cycle-chart .release-cycle-blob-label { |
47 | | - /* white looks good on both light & dark */ |
48 | | - fill: white; |
49 | | -} |
50 | | - |
51 | | -.release-cycle-chart .release-cycle-blob-label.release-cycle-status-security, |
52 | | -.release-cycle-chart .release-cycle-blob-label.release-cycle-status-bugfix { |
53 | | - /* but use black to improve contrast for lighter backgrounds */ |
54 | | - fill: black; |
55 | | -} |
56 | | - |
57 | | -.release-cycle-chart .release-cycle-blob-label.release-cycle-status-end-of-life, |
58 | | -.release-cycle-chart .release-cycle-blob-label.release-cycle-status-prerelease, |
59 | | -.release-cycle-chart .release-cycle-blob-label.release-cycle-status-feature { |
60 | | - /* and FG when it's not in a blob */ |
61 | | - fill: var(--color-foreground-primary); |
62 | | -} |
63 | | - |
64 | | -.release-cycle-chart .release-cycle-status-end-of-life { |
65 | | - --status-bg-color: #DD2200; |
66 | | - --status-border-color: #FF8888; |
67 | | -} |
68 | | - |
69 | | -.release-cycle-chart .release-cycle-status-security { |
70 | | - --status-bg-color: #FFDD44; |
71 | | - --status-border-color: #FF8800; |
72 | | -} |
73 | | - |
74 | | -.release-cycle-chart .release-cycle-status-bugfix { |
75 | | - --status-bg-color: #00DD22; |
76 | | - --status-border-color: #008844; |
77 | | -} |
78 | | - |
79 | | -.release-cycle-chart .release-cycle-status-prerelease { |
80 | | - --status-bg-color: teal; |
81 | | - --status-border-color: darkgreen; |
82 | | -} |
83 | | - |
84 | | -.release-cycle-chart .release-cycle-status-feature { |
85 | | - --status-bg-color: #2222EE; |
86 | | - --status-border-color: #008888; |
87 | | -} |
88 | | - |
89 | | -.release-cycle-chart .release-cycle-blob { |
90 | | - fill: var(--status-bg-color); |
91 | | - stroke: transparent; |
92 | | -} |
93 | | - |
94 | | -.release-cycle-chart .release-cycle-blob-full { |
95 | | - fill: var(--status-bg-color); |
96 | | - stroke: var(--status-border-color); |
97 | | -} |
98 | | - |
99 | | -.release-cycle-chart .release-cycle-border { |
100 | | - fill: transparent; |
101 | | - stroke: var(--status-border-color); |
102 | | - stroke-width: 1.6px; |
103 | | -} |
104 | | - |
105 | 9 | .good pre { |
106 | 10 | border-left: 3px solid rgba(74, 182, 93, 1); |
107 | 11 | } |
|
0 commit comments