@miyagi/core/frontend/assets/css/iframe/styleguide/fonts.css

miyagi is a component development tool for JavaScript template engines.

.Fonts-item:not(:first-child) {
	margin-top: 3em;
}

.Fonts-button {
	color: inherit;
}

.Fonts-button::before {
	content: "The quick brown fox jumps over the lazy dog";
	font-family: var(--font-family);
	font-feature-settings: var(--font-feature-settings);
	font-kerning: var(--font-kerning);
	font-size-adjust: var(--font-size-adjust);
	font-size: var(--font-size);
	font-stretch: var(--font-stretch);
	font-style: var(--font-style);
	font-variant: var(--font-variant);
	font-variant-caps: var(--font-variant-caps);
	font-weight: var(--font-weight);
	letter-spacing: var(--letter-spacing);
	line-height: var(--line-height);
	text-shadow: var(--text-shadow);
	text-transform: var(--text-transform);
}

.Fonts-details {
	display: flex;
	padding: 0;
	list-style: none;
}

.Fonts-details > li:not(:last-child) {
	margin-inline-end: 0.5em;
	padding-inline-end: 0.5em;
	border-inline-end: 0.0625rem solid currentcolor;
}