Generalize series CSS classes better

assets/css/bobastyle.css

@@ -624,10 +624,9 @@ h1 svg.icon {
 
 /* Series list layout {{{ */
 
-/*
-.post.series {
+.page-list.series {
   display: flex;
-  gap: 10px;
+  gap: 80px;
   flex-flow: row wrap;
   list-style: none;
   color: var(--text-0);
@@ -635,15 +634,19 @@ h1 svg.icon {
   border-radius: 16px;
 }
 
-.post.series .post {
+.page-list.series-inner {
+  gap: 10px;
+  flex-direction: row;
+  flex-flow: row wrap;
+  background-color: var(--background-0);
+  /*color: var(--text-0);*/
+  padding: 8px;
+  border-radius: 16px;
+}
+.page-list.series-inner > .post {
   flex: 1;
   min-width: 49%;
 }
-*/
-
-.page-list.series {
-  gap: 80px;
-}
 
 /* }}} */
 

layouts/series/list.html

@@ -9,9 +9,9 @@
     {{ end }}
 
     <div class="page-list series">
-        {{ with .Pages }}
+        {{ with .Paginator.Pages }}
             {{ range . }}
-                <div class="series">
+                <div class="post series">
                     {{ .Render "summary" }}
                 </div>
             {{ end }}

layouts/series/summary.html

@@ -10,7 +10,7 @@
     {{ partial "description-or-summary.html" . }}
 </div>
 
-<div class="series-page-list">
+<div class="page-list series-inner">
     {{ range .Data.Pages.Reverse }}
         <article class="post">
             {{ .Render "summary" }}