2020-06-10 22:02:22 +00:00
|
|
|
html {
|
|
|
|
font-size: @html-font-size;
|
|
|
|
}
|
|
|
|
|
|
|
|
html,
|
|
|
|
body {
|
2021-03-09 18:13:49 +00:00
|
|
|
font-family: var( --font-family-base );
|
2023-08-03 21:41:54 +00:00
|
|
|
font-variation-settings: 'GRAD' var( --font-grade );
|
2023-02-17 04:30:14 +00:00
|
|
|
font-weight: var( --font-weight-normal );
|
2023-02-16 17:10:46 +00:00
|
|
|
/*
|
2023-02-17 04:30:14 +00:00
|
|
|
* TODO: Revisit this when italic VF is better supported
|
2023-02-16 17:10:46 +00:00
|
|
|
* Don't let browser faux font styles and weight
|
|
|
|
* 1. We are already using VF
|
|
|
|
* 2. Not all font styles apply to some languages (e.g. Italic is different in ZH)
|
|
|
|
*/
|
2023-02-17 04:30:14 +00:00
|
|
|
// font-synthesis: none;
|
2020-06-10 22:02:47 +00:00
|
|
|
}
|
2020-06-11 22:15:40 +00:00
|
|
|
|
|
|
|
input {
|
2021-03-09 18:13:49 +00:00
|
|
|
font-family: var( --font-family-base ); // Override browser's default
|
2020-06-11 22:15:40 +00:00
|
|
|
}
|
|
|
|
|
2022-11-15 21:15:11 +00:00
|
|
|
b,
|
|
|
|
strong {
|
2022-10-23 23:40:19 +00:00
|
|
|
font-weight: var( --font-weight-semibold );
|
|
|
|
}
|
|
|
|
|
2020-06-11 22:15:40 +00:00
|
|
|
cite {
|
|
|
|
font-style: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
font-style: italic;
|
|
|
|
|
|
|
|
cite {
|
2024-02-26 22:14:19 +00:00
|
|
|
font-size: var( --font-size-x-small );
|
2020-06-11 22:15:40 +00:00
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
sub,
|
2020-06-12 05:43:12 +00:00
|
|
|
sup {
|
2020-06-11 22:15:40 +00:00
|
|
|
font-size: 80%;
|
|
|
|
}
|
|
|
|
|
2024-04-19 20:55:08 +00:00
|
|
|
em {
|
|
|
|
:lang( ja ) &,
|
|
|
|
:lang( ko ) &,
|
|
|
|
:lang( mn ) &,
|
|
|
|
:lang( zh ) & {
|
|
|
|
/* CJK languages do not use italics for emphasis */
|
|
|
|
font-style: normal;
|
|
|
|
text-emphasis: filled;
|
|
|
|
}
|
|
|
|
|
|
|
|
:lang( ja ) &,
|
|
|
|
:lang( ko ) &,
|
|
|
|
:lang( mn ) & {
|
|
|
|
text-emphasis-position: over right;
|
|
|
|
}
|
|
|
|
|
|
|
|
:lang( zh ) & {
|
|
|
|
text-emphasis-position: under right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-04-25 20:30:40 +00:00
|
|
|
.citizen-body {
|
|
|
|
font-size: var( --font-size-medium );
|
2021-08-05 15:24:52 +00:00
|
|
|
line-height: var( --line-height );
|
2020-06-11 22:15:40 +00:00
|
|
|
}
|