basic theme colours and font faces

This commit is contained in:
Angela Quinton 2023-03-12 00:14:14 -05:00
parent 79407a3db3
commit 154f301a23
3 changed files with 32 additions and 1 deletions

View file

@ -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;
}

View file

@ -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>

View file

@ -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>