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

Add typography bullet list component

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-24 11:05:15 +02:00
parent 749b787f53
commit 063c8a678d
2 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/typography.html
+5
View File
@@ -18,6 +18,11 @@
<h1 class="sg-heading-h1" data-component-part="heading-h1">H1 Überschrift</h1> <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> <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-body" data-component-part="body-text">Body / Fließtext</p>
<ul class="sg-bullet-list" data-component-part="bullet-list">
<li>Bullet List Eintrag 1</li>
<li>Bullet List Eintrag 2</li>
<li>Bullet List Eintrag 3</li>
</ul>
<p class="sg-strong" data-component-part="strong-text">Strong / hervorgehobener 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-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-bar-label" data-component-part="bar-label">Bar Label</p>
styles/43-components-typography.css
+13
View File
@@ -15,3 +15,16 @@
color: var(--text-typography-preview); color: var(--text-typography-preview);
margin-top: 0; margin-top: 0;
} }
.sg-bullet-list {
margin: 0;
padding-inline-start: var(--spacing-large);
color: var(--text-typography-preview);
font-family: var(--font-family-base);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
.sg-bullet-list li + li {
margin-top: var(--spacing-small);
}