basic theme colours and font faces
This commit is contained in:
parent
79407a3db3
commit
154f301a23
3 changed files with 32 additions and 1 deletions
27
src/app.css
27
src/app.css
|
@ -1,3 +1,30 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
:root {
|
||||
--background: #F8FAF9; /* Sage/Light/2 */
|
||||
--callout: ##ECEFED; /* Sage/Light/4 */
|
||||
--stroke: ##D7DCDA; /* Sage/Light/7 */
|
||||
--text-shout: ##164430; /* Green/Dark/6 */
|
||||
--text-murmur: ##113123; /* Green/Dark/4 */
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--text-murmur);
|
||||
font-family: Manrope, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: "Redaction", Georgia, 'Times New Roman', Times, serif;
|
||||
}
|
||||
|
||||
h2, h3, h4 {
|
||||
font-family: "Redaction 10", Georgia, 'Times New Roman', Times, serif;
|
||||
}
|
|
@ -3,6 +3,10 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{{{pageTitle}}}</title>
|
||||
<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=Manrope:wght@500;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://fonts.cdnfonts.com/css/redaction">
|
||||
<link rel="stylesheet" href="/app.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<h3>Made by monsters</h3>
|
||||
|
||||
<ul>
|
||||
<li><a href="#">Gaiety</a> who uses she/her, fae/faer</li>
|
||||
<li><a href="#">Gaiety</a> who uses fae/faer, she/her</li>
|
||||
<li><a href="#">Angela</a> who uses it/its, she/her</li>
|
||||
<li><a href="#">Rizzo</a> who uses he/him, they/them, xier/xies</li>
|
||||
</ul>
|
||||
|
|
Loading…
Add table
Reference in a new issue