Create colors file, and add basic classes such as button, h1, h2, h3, and a headerbar div

This commit is contained in:
conzer 2024-12-05 00:33:27 -05:00
parent 8197940a73
commit 2f727c0810
11 changed files with 377 additions and 6 deletions

20
example.html Normal file
View file

@ -0,0 +1,20 @@
<html>
<head>
<!--This is the Ubuntu Font beginning. INCLUDE THIS!-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<!--This is the Ubuntu Font ending. INCLUDE THIS!-->
<link href='./output/yaru-light.css' rel='stylesheet'>
</head>
<body>
<div class="header">
Hello yaru!
</div>
<h1>Hello yaru!</h1>
<h2>Hello yaru!</h2>
<h3>Hello yaru!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<button>Test</button>
</body>
</html>