Skip to content

Commit e273213

Browse files
Jothsaargyleink
andauthored
Add Modern Font Stacks (#498)
* add fonts * remove --font-emoji * remove fallback fonts, fixed #500 * remove quotes * fix quotes * remove fonts * fix formatting * fix removed fonts * add fonts, better description, and use details element * adjust .font-family-grid styles * grammar, link to danklammer's gh * fix test * Update src/extra/normalize.src.css * add old fonts * Update src/props.fonts.css Co-authored-by: Adam Argyle <argyle@google.com> * update --monospace-code everywhere * update --font-serif * add notice for monospace-code font stack * formatting --------- Co-authored-by: Adam Argyle <argyle@google.com>
1 parent bbf5bb7 commit e273213

File tree

6 files changed

+203
-32
lines changed

6 files changed

+203
-32
lines changed

docsite/index.css

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1053,22 +1053,32 @@ pre[class*="language-"] {
10531053
}
10541054

10551055
.font-family-grid {
1056+
--grid-cols: repeat(9, minmax(3rem, 1fr));
1057+
10561058
display: grid;
1059+
grid-template-columns: var(--grid-cols);
10571060
gap: var(--size-2);
1058-
justify-items: flex-start;
10591061

1060-
& > div {
1062+
& > details {
1063+
grid-column: 1 / -1;
1064+
}
1065+
1066+
& > details > div {
10611067
display: grid;
1062-
grid-template-columns: repeat(9, minmax(3rem, 1fr));
10631068
place-items: center;
1064-
font-size: var(--font-size-5);
1069+
grid-template-columns: var(--grid-cols);
1070+
grid-column: 1 / -1;
10651071
color: var(--text-1);
1072+
font-size: var(--font-size-5);
10661073

10671074
@media (--md-n-below) {
1068-
grid-template-columns: repeat(6, minmax(2rem, 1fr));
10691075
font-size: var(--font-size-3);
10701076
}
10711077
}
1078+
1079+
@media (--md-n-below) {
1080+
--grid-cols: repeat(6, minmax(2rem, 1fr));
1081+
}
10721082
}
10731083

10741084
#colors details h3 {

0 commit comments

Comments
 (0)