Blog: List page with summary and pagination

themes/ccchh/assets/sass/main.scss

@@ -2,6 +2,9 @@ $roomstate_color_unknown: #dda218;
 $roomstate_color_open: var(--ins-color);
 $roomstate_color_closed: var(--del-color);
 
+:root {
+  --spacing: 0.7rem;
+}
 
 // General Customizations
 header {
@@ -10,6 +13,10 @@ header {
   h1 {
     margin-bottom: 0;
   }
+
+  h2 {
+    margin-bottom: 0;
+  }
 }
 
 body>footer {
@@ -31,6 +38,44 @@ body>main {
   }
 }
 
+.li-space {
+  &::after {
+    content: "";
+    padding-right: 1rem;
+  }
+
+  &:last-child::after {
+    padding-right: 0;
+  }
+}
+
+.morelink {
+  margin-top: calc(var(--typography-spacing-vertical) * -1);
+}
+
+.pagination {
+  display: flex;
+  justify-content: center;
+
+  li {
+    list-style: none;
+
+    a {
+      border-radius: 0;
+    }
+
+    &:first-child>a {
+      border-top-left-radius: var(--border-radius);
+      border-bottom-left-radius: var(--border-radius);
+    }
+
+    &:last-child>a {
+      border-top-right-radius: var(--border-radius);
+      border-bottom-right-radius: var(--border-radius);
+    }
+  }
+}
+
 
 // Room State in Menu
 #roomstate {