style: feed styling

assets/css/abstracts/_variables.scss

@@ -5,7 +5,7 @@ $light: #fffff0;
 // Fonts
 $default-font: "Domitian", "Palatino Linotype", "Book Antiqua", palatino,
   garamond, serif;
-$code-font: "Input Mono", "Lucida Console", monaco, monospace;
+$code-font: "Input Mono", "Lucida Console", monaco, "Courier New", monospace;
 
 // Breakpoints
 $breakpoints: (

assets/css/base/_typography.scss

@@ -56,6 +56,7 @@ h5,
 h6 {
   font-weight: normal;
   margin: 0;
+  font-variant-numeric: slashed-zero;
 }
 
 a {

assets/css/feeds.scss

@@ -0,0 +1,39 @@
+@import "abstracts/variables";
+@import "abstracts/mixins";
+
+@import "base/typography";
+
+.feed {
+  padding: 10px 20px;
+  background-color: $light;
+  color: $dark;
+  margin: 0 auto;
+  max-width: 800px;
+  font-weight: normal;
+  text-align: center;
+  gap: 2em;
+  display: flex;
+  flex-direction: column;
+}
+
+.nav__notice {
+  display: block;
+  border: 2px solid $dark;
+  padding: 20px;
+  width: 80%;
+  margin-inline: auto;
+}
+
+.summary {
+  font-style: italic;
+}
+
+.feed__header {
+  padding-block-end: 1em;
+  margin-block-end: 1em;
+  border-block-end: 1px solid $dark;
+}
+
+.feed__item {
+  margin-block: 1em;
+}

assets/css/pages/_organisations-list.scss

@@ -1,6 +1,8 @@
 .organisations-table {
   inline-size: 80% !important;
+
   & thead {
+    z-index: 1;
     position: sticky;
 
     & th {
@@ -10,9 +12,15 @@
     }
   }
 
+  &__logo {
+    max-inline-size: 5em;
+    max-block-size: 5em;
+    fill: $dark;
+  }
+
   &__items-icon {
     padding: 1em;
-    font-size: 1.4em;
+    font-size: 0.8em;
     text-align: center;
     float: inline-start;
     padding-inline-end: 1em;

assets/css/pages/_single-organisation.scss

@@ -102,13 +102,6 @@
   }
 }
 
-.organisation-table {
-  &__logo {
-    max-inline-size: 5em;
-    max-block-size: 5em;
-  }
-}
-
 .timeline__legend {
   inline-size: fit-content;
   display: flex;

assets/css/pages/_single.scss

@@ -62,6 +62,11 @@
         align-content: center;
         position: relative;
 
+        &--fit {
+          background-size: contain;
+          padding: 1em;
+        }
+
         & .attr {
           position: absolute;
           background-color: $dark;