View source for Template:Typography

<includeonly><{{yesno|{{yesno-no|{{{inline}}}}}|yes=span|no=div}} style="<!--
-->{{#if:{{{size|}}}|font-size:var(--font-size-{{{size}}});}}<!--
-->{{#if:{{{font|}}}|font-family:var(--font-family-{{{font}}});}}<!--
-->{{#if:{{{color|}}}|color:{{{color}}};--color-link:{{{color}}};--color-link--hover:{{{color}}};--color-link--active:{{{color}}};--color-visited:{{{color}}};--color-visited--hover:{{{color}}};--color-visited--active:{{{color}}};}}<!--
-->{{#if:{{{shadow|}}}|text-shadow:{{{shadow}}};}}<!--
-->{{#if:{{{background|}}}|background:{{{background}}};}}<!--
-->{{#if:{{{align|}}}|text-align:{{{align}}};}}<!--
-->{{#if:{{{margin-block|}}}|margin-block:{{{margin-block}}};}}<!--
-->{{#if:{{{padding|}}}|padding:var(--space-{{{padding}}});}}<!--
-->{{#if:{{{font-weight|}}}|font-weight:{{{font-weight}}};}}<!--
-->">{{{text|{{{1}}}}}}</{{yesno|{{yesno-no|{{{inline}}}}}|yes=span|no=div}}></includeonly><noinclude>__NOTOC__
<templatedata>
{
	"params": {
		"inline": {
			"label": "Inline",
			"description": "Whether the text is in a line (true) or by itself (false)",
			"type": "boolean",
			"default": "false"
		},
		"size": {
			"label": "Size",
			"description": "Size of the text",
			"type": "string",
			"suggestedvalues": [
				"xxxx-large",
				"xxx-large",
				"xx-large",
				"x-large",
				"large",
				"medium",
				"small",
				"x-small"
			],
			"default": "medium",
			"suggested": true
		},
		"font": {
			"label": "Font",
			"description": "Font to use for the text",
			"type": "string",
			"suggestedvalues": [
				"monospace",
				"serif",
				"base"
			],
			"suggested": true,
			"default": "base"
		},
		"color": {
			"label": "Color",
			"description": "Color of the text",
			"example": "#ababab",
			"type": "string"
		},
		"shadow": {
			"label": "Shadow",
			"description": "Shadow for the text",
			"example": "green 1px 1px 1px",
			"type": "string"
		},
		"background": {
			"label": "Background",
			"description": "Background of the text",
			"example": "var(--color-surface-2)",
			"type": "string"
		},
		"align": {
			"label": "Align",
			"description": "Alignment of the text",
			"type": "string",
			"suggestedvalues": [
				"start",
				"center",
				"end"
			],
			"suggested": true,
			"default": "start"
		},
		"margin-block": {
			"label": "Block margin",
			"description": "Margin around the text",
			"example": "1rem 6rem",
			"type": "string"
		},
		"text": {
			"label": "Text",
			"type": "content",
			"required": true
		}
	},
	"description": "Simple text typography",
	"format": "inline"
}
</templatedata>

==Example==
<syntaxhighlight lang="wikitext">
{{Typography
|size=xx-large
|font=monospace
|color=red
|shadow=1px 1px 1px green
|background=var(--color-surface-2)
|align=center
|margin-block=1rem 6rem
|text=hello
}}
</syntaxhighlight>
{{Typography
|size=xx-large
|font=monospace
|color=red
|shadow=1px 1px 1px green
|background=var(--color-surface-2)
|align=center
|margin-block=1rem 6rem
|text=hello
}}
[[Category:Templates: tesinormed]]
</noinclude>