mediawiki-skins-Citizen/resources/skins.citizen.styles/common/typography.less

75 lines
1.2 KiB
Plaintext
Raw Normal View History

2020-06-10 22:02:22 +00:00
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;
2020-06-10 22:02:47 +00:00
}
2020-06-11 22:15:40 +00:00
input {
font-family: var( --font-family-base ); // Override browser's default
2020-06-11 22:15:40 +00:00
}
b,
strong {
font-weight: var( --font-weight-semibold );
}
2020-06-11 22:15:40 +00:00
cite {
font-style: inherit;
}
blockquote {
font-style: italic;
cite {
font-size: var( --font-size-x-small );
2020-06-11 22:15:40 +00:00
font-style: normal;
}
}
sub,
sup {
2020-06-11 22:15:40 +00:00
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;
}
}
2021-04-17 01:22:09 +00:00
.mw-logo-wordmark {
font-weight: var( --font-weight-semibold );
2020-06-11 22:15:40 +00:00
}
.citizen-body {
font-size: var( --font-size-medium );
line-height: var( --line-height );
2020-06-11 22:15:40 +00:00
}