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

html {
	font-size: @html-font-size;
}

html,
body {
	font-family: var( --font-family-base );
	font-weight: var( --font-weight-normal );
	// font-smoothing: antialiased;
	// -webkit-font-smoothing: antialiased; /* Chrome, Safari */
	// -moz-osx-font-smoothing: grayscale; /* Firefox */
}

input {
	font-family: var( --font-family-base ); // Override browser's default
}

b {
	font-weight: var( --font-weight-semibold );
}

pre,
code,
tt,
kbd,
samp,
.mw-code {
	font-family: var( --font-family-monospace );
	font-size: @content-monospace-size;
}

cite {
	font-style: inherit;
}

fieldset {
	font-size: @content-monospace-size;
}

legend {
	font-weight: var( --font-weight-semibold );
}

blockquote {
	font-family: var( --font-family-serif );
	font-style: italic;

	cite {
		font-family: var( --font-family-base );
		font-size: @content-caption-size;
		font-style: normal;
	}
}

dt {
	font-weight: var( --font-weight-semibold );
}

sub,
sup {
	font-size: 80%;
}

figcaption,
.thumbcaption {
	font-size: @content-caption-size;
	font-style: italic;

	i {
		font-style: normal;
	}
}

#contentSub,
#contentSub2 {
	font-size: @content-caption-size;
}

#siteSub {
	font-size: @content-caption-size;
}

.mw-logo-wordmark {
	font-weight: var( --font-weight-semibold );
}

.thumbinner {
	.new {
		font-size: @content-caption-size;
	}
}

.error {
	font-size: unset;
	font-weight: var( --font-weight-normal );
}

.firstHeading {
	font-size: var( --font-size-h1 );

	&-parenthesis {
		font-size: var( --font-size-h3 );
	}
}

.citizen-body,
.mw-body-content {
	line-height: var( --line-height );

	h1 {
		font-size: var( --font-size-h1 );
	}

	h2 {
		font-size: var( --font-size-h2 );
	}

	h3 {
		font-size: var( --font-size-h3 );
	}

	h4 {
		font-size: var( --font-size-h4 );
	}

	h5 {
		font-size: var( --font-size-h5 );
	}

	h6 {
		font-size: var( --font-size-h6 );
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height: var( --line-height-xs );
	}
}

// External links
.mw-parser-output {
	a.external {
		&:after {
			display: inline-block;
			width: 0.75em;
			height: 0.75em;
			margin-left: 0.25em;
			background-color: currentcolor;
			content: '';
			/* @embed */
			-webkit-mask: url( images/linkExternal-ltr.svg ) no-repeat 50% 50%;
			/* @embed */
			mask: url( images/linkExternal-ltr.svg ) no-repeat 50% 50%;
			-webkit-mask-size: contain;
			mask-size: contain;
		}
	}

	.plainlinks a.external:after {
		content: none;
	}
}

@media ( max-width: @width-breakpoint-tablet ) {
	#mw-content-text {
		figcaption,
		.thumbcaption {
			text-align: center;
		}
	}
}