Skip to content

Commit 37db32e

Browse files
masc2023PandaeDo
masc2023
authored and
PandaeDo
committed
propose new landing pages with grid tables
1 parent 13e6e64 commit 37db32e

5 files changed

Lines changed: 528 additions & 804 deletions

File tree

‎process/_assets/custom.css‎

Lines changed: 181 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
1+
/* Process area card color coding */
2+
.sd-card.card-management {
3+
--card-border-color: #000000;
4+
--card-divider-color: #000000;
5+
--card-background-color: #fcd364;
6+
--card-header-text-color: #000000;
7+
--card-body-text-color: #000000;
8+
}
9+
10+
.sd-card.card-development {
11+
--card-border-color: #000000;
12+
--card-divider-color: #ffffff;
13+
--card-background-color: #1e1bf1;
14+
--card-header-text-color: #ffffff;
15+
--card-body-text-color: #ffffff;
16+
}
17+
18+
.sd-card.card-support {
19+
--card-border-color: #000000;
20+
--card-divider-color: #000000;
21+
--card-background-color: #7edffc;
22+
--card-header-text-color: #000000;
23+
--card-body-text-color: #000000;
24+
}
25+
26+
.sd-card.card-ml0 {
27+
--card-border-color: #000000;
28+
--card-divider-color: #000000;
29+
--card-background-color: #f9fafa;
30+
--card-header-text-color: #000000;
31+
--card-body-text-color: #000000;
32+
}
33+
34+
.sd-card.card-ml1 {
35+
--card-border-color: #000000;
36+
--card-divider-color: #000000;
37+
--card-background-color: #fff2cc;
38+
--card-header-text-color: #000000;
39+
--card-body-text-color: #000000;
40+
}
41+
42+
.sd-card.card-ml2 {
43+
--card-border-color: #000000;
44+
--card-divider-color: #000000;
45+
--card-background-color: #e1d5e7;
46+
--card-header-text-color: #000000;
47+
--card-body-text-color: #000000;
48+
}
49+
50+
.sd-card.card-ml3 {
51+
--card-border-color: #000000;
52+
--card-divider-color: #000000;
53+
--card-background-color: #d5e8d4;
54+
--card-header-text-color: #000000;
55+
--card-body-text-color: #000000;
56+
}
57+
58+
.sd-card.card-ml4 {
59+
--card-border-color: #000000;
60+
--card-divider-color: #000000;
61+
--card-background-color: #ffffff;
62+
--card-header-text-color: #000000;
63+
--card-body-text-color: #000000;
64+
}
65+
66+
.sd-card.card-management,
67+
.sd-card.card-development,
68+
.sd-card.card-support,
69+
.sd-card.card-ml0,
70+
.sd-card.card-ml1,
71+
.sd-card.card-ml2,
72+
.sd-card.card-ml3,
73+
.sd-card.card-ml4 {
74+
border: 1px solid var(--card-border-color);
75+
border-left: 4px solid var(--card-border-color);
76+
}
77+
78+
.sd-card.card-management,
79+
.sd-card.card-management .sd-card-body,
80+
.sd-card.card-management .sd-card-header,
81+
.sd-card.card-management .sd-card-footer,
82+
.sd-card.card-development,
83+
.sd-card.card-development .sd-card-body,
84+
.sd-card.card-development .sd-card-header,
85+
.sd-card.card-development .sd-card-footer,
86+
.sd-card.card-support,
87+
.sd-card.card-support .sd-card-body,
88+
.sd-card.card-support .sd-card-header,
89+
.sd-card.card-support .sd-card-footer,
90+
.sd-card.card-ml0,
91+
.sd-card.card-ml0 .sd-card-body,
92+
.sd-card.card-ml0 .sd-card-header,
93+
.sd-card.card-ml0 .sd-card-footer,
94+
.sd-card.card-ml1,
95+
.sd-card.card-ml1 .sd-card-body,
96+
.sd-card.card-ml1 .sd-card-header,
97+
.sd-card.card-ml1 .sd-card-footer,
98+
.sd-card.card-ml2,
99+
.sd-card.card-ml2 .sd-card-body,
100+
.sd-card.card-ml2 .sd-card-header,
101+
.sd-card.card-ml2 .sd-card-footer,
102+
.sd-card.card-ml3,
103+
.sd-card.card-ml3 .sd-card-body,
104+
.sd-card.card-ml3 .sd-card-header,
105+
.sd-card.card-ml3 .sd-card-footer,
106+
.sd-card.card-ml4,
107+
.sd-card.card-ml4 .sd-card-body,
108+
.sd-card.card-ml4 .sd-card-header,
109+
.sd-card.card-ml4 .sd-card-footer {
110+
background-color: var(--card-background-color);
111+
}
112+
113+
.score-grid .sd-card.card-management .sd-card-header,
114+
.score-grid .sd-card.card-development .sd-card-header,
115+
.score-grid .sd-card.card-support .sd-card-header,
116+
.score-grid .sd-card.card-ml0 .sd-card-header,
117+
.score-grid .sd-card.card-ml1 .sd-card-header,
118+
.score-grid .sd-card.card-ml2 .sd-card-header,
119+
.score-grid .sd-card.card-ml3 .sd-card-header,
120+
.score-grid .sd-card.card-ml4 .sd-card-header {
121+
background-color: var(--card-background-color) !important;
122+
border-bottom: 1px solid var(--card-divider-color) !important;
123+
color: var(--card-header-text-color) !important;
124+
}
125+
126+
.score-grid .sd-card.card-management .sd-card-footer,
127+
.score-grid .sd-card.card-development .sd-card-footer,
128+
.score-grid .sd-card.card-support .sd-card-footer,
129+
.score-grid .sd-card.card-ml0 .sd-card-footer,
130+
.score-grid .sd-card.card-ml1 .sd-card-footer,
131+
.score-grid .sd-card.card-ml2 .sd-card-footer,
132+
.score-grid .sd-card.card-ml3 .sd-card-footer,
133+
.score-grid .sd-card.card-ml4 .sd-card-footer {
134+
border-top: 1px solid var(--card-divider-color) !important;
135+
}
136+
137+
.score-grid .sd-card.card-management .sd-card-header a,
138+
.score-grid .sd-card.card-development .sd-card-header a,
139+
.score-grid .sd-card.card-support .sd-card-header a,
140+
.score-grid .sd-card.card-ml0 .sd-card-header a,
141+
.score-grid .sd-card.card-ml1 .sd-card-header a,
142+
.score-grid .sd-card.card-ml2 .sd-card-header a,
143+
.score-grid .sd-card.card-ml3 .sd-card-header a,
144+
.score-grid .sd-card.card-ml4 .sd-card-header a {
145+
color: var(--card-header-text-color) !important;
146+
}
147+
148+
.score-grid .sd-card.card-management .sd-card-body,
149+
.score-grid .sd-card.card-development .sd-card-body,
150+
.score-grid .sd-card.card-support .sd-card-body,
151+
.score-grid .sd-card.card-ml0 .sd-card-body,
152+
.score-grid .sd-card.card-ml1 .sd-card-body,
153+
.score-grid .sd-card.card-ml2 .sd-card-body,
154+
.score-grid .sd-card.card-ml3 .sd-card-body,
155+
.score-grid .sd-card.card-ml4 .sd-card-body,
156+
.score-grid .sd-card.card-management .sd-card-footer,
157+
.score-grid .sd-card.card-development .sd-card-footer,
158+
.score-grid .sd-card.card-support .sd-card-footer,
159+
.score-grid .sd-card.card-ml0 .sd-card-footer,
160+
.score-grid .sd-card.card-ml1 .sd-card-footer,
161+
.score-grid .sd-card.card-ml2 .sd-card-footer,
162+
.score-grid .sd-card.card-ml3 .sd-card-footer,
163+
.score-grid .sd-card.card-ml4 .sd-card-footer,
164+
.score-grid .sd-card.card-management .sd-card-body a,
165+
.score-grid .sd-card.card-development .sd-card-body a,
166+
.score-grid .sd-card.card-support .sd-card-body a,
167+
.score-grid .sd-card.card-ml0 .sd-card-body a,
168+
.score-grid .sd-card.card-ml1 .sd-card-body a,
169+
.score-grid .sd-card.card-ml2 .sd-card-body a,
170+
.score-grid .sd-card.card-ml3 .sd-card-body a,
171+
.score-grid .sd-card.card-ml4 .sd-card-body a,
172+
.score-grid .sd-card.card-management .sd-card-footer a,
173+
.score-grid .sd-card.card-development .sd-card-footer a,
174+
.score-grid .sd-card.card-support .sd-card-footer a,
175+
.score-grid .sd-card.card-ml0 .sd-card-footer a,
176+
.score-grid .sd-card.card-ml1 .sd-card-footer a,
177+
.score-grid .sd-card.card-ml2 .sd-card-footer a,
178+
.score-grid .sd-card.card-ml3 .sd-card-footer a,
179+
.score-grid .sd-card.card-ml4 .sd-card-footer a {
180+
color: var(--card-body-text-color) !important;
181+
}

0 commit comments

Comments
 (0)