User:Krishj4/common.css: Difference between revisions

No edit summary
Serif headings (Source Serif 4); restore mono for code
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&family=Source+Serif+4:wght@500;600;700&display=swap');


:root {
:root {
Line 5: Line 5:
--rpi-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
--rpi-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
--rpi-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
--rpi-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
--rpi-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
}
}


Line 23: Line 24:
.skin-vector-2022 .mw-body h6,
.skin-vector-2022 .mw-body h6,
.skin-vector-2022 .mw-first-heading {
.skin-vector-2022 .mw-first-heading {
font-family: var(--rpi-mono);
font-family: var(--rpi-serif);
}
}


Line 33: Line 34:
.skin-vector-2022 .mw-code,
.skin-vector-2022 .mw-code,
.skin-vector-2022 .infobox td {
.skin-vector-2022 .infobox td {
font-family: var(--rpi-font);
font-family: var(--rpi-mono);
}
}