mediawiki-skins-Citizen/resources/skins.citizen.styles/common/typography.less
alistair3149 c88df2d194
feat(tokens): deprecate old font-weight-semibold variables
Old variables are being deprecated to align naming convention with Codex.
They will be hard-deprecated on the next major Citizen version.
2024-10-23 17:34:41 -04:00

73 lines
1.2 KiB
Plaintext

html {
font-size: @html-font-size;
}
html,
body {
font-family: var( --font-family-base );
font-variation-settings: 'GRAD' var( --font-grade );
font-weight: var( --font-weight-normal );
/*
* TODO: Revisit this when italic VF is better supported
* 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)
*/
// font-synthesis: none;
}
input {
font-family: var( --font-family-base ); // Override browser's default
}
b,
strong {
font-weight: var( --font-weight-semi-bold );
}
cite {
font-style: inherit;
}
blockquote {
font-style: italic;
/* NOTE: This only works for Chromium browsers for now */
text-wrap: pretty;
cite {
font-size: var( --font-size-x-small );
font-style: normal;
}
}
sub,
sup {
font-size: 80%;
}
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;
}
}
.citizen-body {
font-size: var( --font-size-medium );
line-height: var( --line-height );
}