refactor/split css, templates

web/source/css/base/main.css

@@ -0,0 +1,69 @@
+/*
+	Standard border radius
+	for nice squircles.
+*/
+$br: 0.4rem;
+
+/*
+	Border radius for items that
+	are framed/bordered inside
+	something with $br, eg avatar,
+	header img, etc.
+*/
+$br-inner: 0.2rem; 
+
+/*
+	Fork-Awesome 'fa-fw' fixed icon width;
+	keep in sync with https://github.com/ForkAwesome/Fork-Awesome/blob/a99579ae3e735ee70e51ed62dfcee3172b5b2db7/css/fork-awesome.css#L50
+*/
+$fa-fw: 1.28571429em;
+
+html, body {
+	padding: 0;
+	margin: 0;
+	background: $bg;
+	color: $fg;
+	font-family: "Noto Sans", sans-serif;
+	scrollbar-color: $orange1 $gray3;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+	html {
+		scroll-behavior: smooth;
+	}
+}
+
+body {
+	line-height: 1.5em;
+	position: relative;
+}
+
+a {
+	color: $link-fg;
+}
+
+/*
+	Normalize margins of first and last children.
+	We generally don't want to open a paragraph or
+	paragraph-like element with a top margin or
+	close it with a bottom margin.
+*/
+main {
+	display: flex;
+	flex-direction: column;
+	padding: 0;
+
+	h1, h2, h3, h4, h5 {
+		& ~ p {
+			margin-top: 0;
+		}
+	}
+	
+	p:first-child, ol:first-child, ul:first-child {
+		margin-top: 0;
+	}
+
+	p:last-child, ol:last-child, ul:last-child {
+		margin-bottom: 0;
+	}
+}