EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Styleguide: improve swatches, add font styles

Browse source
This commit is contained in:
kritzl 2025-02-11 12:52:56 +01:00
commit 60e70523d7
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
10 changed files with 1194 additions and 386 deletions
Download patch file Download diff file Expand all files Collapse all files

127
styleguide/typography.html
View file

@ -2,70 +2,75 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/style/main.css">
<title>Typography</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/style/styleguide.css">
<title>Typography</title>
</head>
<body>
<h1>Typography</h1>
<div class="float-left">
<table>
<tr>
<th scope="row">Main Title</th>
<td>72px</td>
<td>Argon Glow</td>
</tr>
<tr>
<th scope="row">Heading 1</th>
<td>48px</td>
<td>Tilt Neon</td>
</tr>
<tr>
<th scope="row">Heading 2</th>
<td>32px</td>
<td>Tilt Neon</td>
</tr>
<tr>
<th scope="row">Heading 3</th>
<td>24px</td>
<td>Tilt Neon</td>
</tr>
<tr>
<th scope="row">Heading 4</th>
<td>18px</td>
<td>Tilt Neon</td>
</tr>
<tr>
<th scope="row">Subheading</th>
<td>24px</td>
<td>Athiti</td>
</tr>
<tr>
<th scope="row">Paragraph</th>
<td>16px</td>
<td>Athiti</td>
</tr>
<tr>
<th scope="row">Code</th>
<td>16px</td>
<td>Departure Mono</td>
</tr>
</table>
</div>
<div class="float-right">
<ul>
<li class="main-title">Main Title</li>
<li class="h1">Heading 1</li>
<li class="h2">Heading 2</li>
<li class="h3">Heading 3</li>
<li class="h4">Heading 4</li>
<li class="subheading">Subheading</li>
<li class="p">Paragraph</li>
<li class="code">Code</li>
</ul>
</div>
<header>
<a href="index.html">Back to Overview</a>
</header>
<main>
<h1>Typography</h1>
<div class="float-left">
<table>
<tr>
<th scope="row">Main Title</th>
<td>72px</td>
<td>Argon Glow</td>
</tr>
<tr>
<th scope="row">Heading 1</th>
<td>48px</td>
<td>Tilt Neon</td>
</tr>
<tr>
<th scope="row">Heading 2</th>
<td>32px</td>
<td>Tilt Neon</td>
</tr>
<tr>
<th scope="row">Heading 3</th>
<td>24px</td>
<td>Tilt Neon</td>
</tr>
<tr>
<th scope="row">Heading 4</th>
<td>18px</td>
<td>Tilt Neon</td>
</tr>
<tr>
<th scope="row">Subheading</th>
<td>24px</td>
<td>Athiti</td>
</tr>
<tr>
<th scope="row">Paragraph</th>
<td>16px</td>
<td>Athiti</td>
</tr>
<tr>
<th scope="row">Code</th>
<td>16px</td>
<td>Departure Mono</td>
</tr>
</table>
</div>
<div class="float-right">
<ul>
<li class="main-title">Main Title</li>
<li class="h1">Heading 1</li>
<li class="h2">Heading 2</li>
<li class="h3">Heading 3</li>
<li class="h4">Heading 4</li>
<li class="subheading">Subheading</li>
<li class="p">Paragraph</li>
<li class="code">Code</li>
</ul>
</div>
</main>
</body>
</html>