31 lines
1.3 KiB
HTML
31 lines
1.3 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Styleguide – Typography</title>
|
||
<link rel="stylesheet" href="../styleguide.css">
|
||
</head>
|
||
<body>
|
||
|
||
<h1 class="sg-main-heading">Components – Typography</h1>
|
||
|
||
<section id="component-typography">
|
||
<p class="sg-preview-label">Component: Typography</p>
|
||
|
||
<div class="sg-typography-preview" data-component="typography-preview">
|
||
<p class="sg-brand-title" data-component-part="brand-title">Portal Titel</p>
|
||
<h1 class="sg-heading-h1" data-component-part="heading-h1">H1 Überschrift</h1>
|
||
<h2 class="sg-heading-h2" data-component-part="heading-h2">H2 Überschrift</h2>
|
||
<p class="sg-body" data-component-part="body-text">Body / Fließtext</p>
|
||
<p class="sg-strong" data-component-part="strong-text">Strong / hervorgehobener Text</p>
|
||
<p class="sg-section-title" data-component-part="section-title">Section Title</p>
|
||
<p class="sg-bar-label" data-component-part="bar-label">Bar Label</p>
|
||
<p class="sg-table-label" data-component-part="table-label">Table Label</p>
|
||
<p class="sg-table-value" data-component-part="table-value">Table Value</p>
|
||
</div>
|
||
</section>
|
||
|
||
</body>
|
||
</html>
|