Repository navigation
Expand file tree
/
Copy pathextra.css
More file actions
55 lines (52 loc) · 1.6 KB
/
Copy pathextra.css
File metadata and controls
55 lines (52 loc) · 1.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
/* Brand palette — forest green sampled from the org logo (#356852) */
:root > * {
--md-primary-fg-color: #356852;
--md-primary-fg-color--light: #4a8a6e;
--md-primary-fg-color--dark: #234738;
--md-accent-fg-color: #c98a00;
}
/* Dark scheme keeps the same brand hue for links/accents */
[data-md-color-scheme="slate"] {
--md-primary-fg-color: #356852;
--md-primary-fg-color--light: #4a8a6e;
--md-primary-fg-color--dark: #234738;
--md-accent-fg-color: #e0a300;
/* Body links default to the primary green, which is too dark on the dark
background — use a lighter green (AA-contrast) for readability. */
--md-typeset-a-color: #7fb79f;
}
/* Centered hero intro on the homepage */
.mp-hero {
text-align: center;
margin: 2rem 0 3rem;
}
/* The wordmark is the page <h1>; strip the default heading chrome. */
.mp-hero .mp-wordmark {
margin: 0;
font-size: 0; /* collapse whitespace between the stacked <img> variants */
line-height: 0;
}
.mp-hero .mp-logo {
max-width: 420px;
width: 70%;
height: auto;
}
/* Two-color wordmark: light variant by default, cream variant in dark mode. */
.mp-hero .mp-logo--dark {
display: none;
}
[data-md-color-scheme="slate"] .mp-hero .mp-logo--light {
display: none;
}
[data-md-color-scheme="slate"] .mp-hero .mp-logo--dark {
display: inline;
}
.mp-hero .mp-tagline {
color: var(--md-default-fg-color--light);
font-size: 1.05rem;
margin-top: 0.5rem;
}
/* Topic tiles inherit Material's .grid.cards; nudge the brand color */
.md-typeset .grid.cards > ul > li:hover {
border-color: var(--md-primary-fg-color);
}