gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: add styleguide project

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-18 16:00:56 +02:00
commit 5abea83034
20 changed files with 6537 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/typography.html
+30
View File
@@ -0,0 +1,30 @@
<!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>