reformat base.css

website/public/css/base.css

@@ -69,8 +69,8 @@ body {
   line-height: 1.5;
 
   /* Geometric Humanist stack from https://modernfontstacks.com */
-  font-family: Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro,
+  font-family:
-    sans-serif;
+    Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;
 }
 
 small {

website/public/css/reset.css

@@ -15,14 +15,22 @@ html {
 }
 
 /* Remove default margin in favour of better control in authored CSS */
-body, h1, h2, h3, h4, p,
+body,
-figure, blockquote, dl, dd {
+h1,
+h2,
+h3,
+h4,
+p,
+figure,
+blockquote,
+dl,
+dd {
   margin-block: 0;
 }
 
 /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
-ul[role='list'],
+ul[role="list"],
-ol[role='list'] {
+ol[role="list"] {
   list-style: none;
 }
 
@@ -32,14 +40,21 @@ body {
 }
 
 /* Set shorter line heights on headings and interactive elements */
-h1, h2, h3, h4,
+h1,
-button, input, label {
+h2,
+h3,
+h4,
+button,
+input,
+label {
   line-height: 1.1;
 }
 
 /* Balance text wrapping on headings */
-h1, h2,
+h1,
-h3, h4 {
+h2,
+h3,
+h4 {
   text-wrap: balance;
 }
 
@@ -51,8 +66,10 @@ picture {
 }
 
 /* Inherit fonts for inputs and buttons */
-input, button,
+input,
-textarea, select {
+button,
+textarea,
+select {
   font: inherit;
 }