Preliminary work on migrating from penpot
This commit is contained in:
parent
4b3bd7b8e4
commit
8b1e481341
3 changed files with 419 additions and 0 deletions
71
styleguide/typography.html
Normal file
71
styleguide/typography.html
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html>
|
||||
<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/css/main.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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue