ForRo/public/assets/css/front/typography.css
Ro b8476ae76e Basic splash page set up
Just getting the bare minimum styles and templates created and rendering
properly to have a simple splash going.
2022-11-15 12:57:14 -08:00

46 lines
776 B
CSS

@font-face {
font-family: altehaasgrotesk;
font-weight: 400;
font-style: normal;
src: url("type/AlteHaasGroteskRegular.woff") format("woff"),
url("type/AlteHaasGroteskRegular.ttf") format("ttf");
}
@font-face {
font-family: altehaasgrotesk;
font-weight: 600;
font-style: oblique;
src: url("type/AlteHaasGroteskBold.woff") format("woff"),
url("type/AlteHaasGroteskBold.ttf") format("ttf");
}
:root {
--base-type: altehaasgrotesk, helvetica, arial, sans-serif;
--mono-type: "Lucida Console", monaco, monospace;
}
h1,
h2,
h3 {
color: var(--secondary);
}
h1 {
font-size: 2em;
font-weight: 700;
}
h2 {
font-size: 1.8em;
font-weight: 600;
}
h3 {
font-size: 1.5em;
font-weight: 500;
}
main > article > h1 {
color: var(--primary);
}