Fix summary box to uniform small text

Author: laithsakka

hugo.toml

@@ -6,6 +6,8 @@ title = 'PyTorch DevLog'
 [params]
   description = 'Developer technical notes for PyTorch'
 
+summaryLength = 30
+
 [markup]
   [markup.goldmark]
     [markup.goldmark.renderer]

layouts/_default/baseof.html

@@ -16,19 +16,6 @@
     </nav>
   </header>
   <div class="wrapper">
-    {{ if .IsPage }}
-    <aside class="sidebar">
-      <h3><a href="{{ .FirstSection.Permalink }}">{{ .FirstSection.Title }} (recent)</a></h3>
-      <ul>
-        {{ range first 5 .FirstSection.Pages.ByDate.Reverse }}
-          <li><a href="{{ .Permalink }}"{{ if eq $.RelPermalink .RelPermalink }} class="active"{{ end }}>{{ .Title }}</a></li>
-        {{ end }}
-        {{ if gt (len .FirstSection.Pages) 5 }}
-          <li><a href="{{ .FirstSection.Permalink }}">See all →</a></li>
-        {{ end }}
-      </ul>
-    </aside>
-    {{ end }}
     <div class="content">
       {{ block "main" . }}{{ end }}
     </div>

layouts/_default/list.html

@@ -3,7 +3,7 @@
     <h1>{{ .Site.Title }}</h1>
     {{ .Content }}
 
-    <h2>Recent Posts</h2>
+    <h2>Most Recent 10 Posts</h2>
     {{ range first 10 .Site.RegularPages.ByDate.Reverse }}
       <div class="post-card">
         <h3><a href="{{ .Permalink }}">{{ .Title }}</a> <span class="tag">{{ .FirstSection.Title }}</span></h3>

static/css/style.css

@@ -383,11 +383,8 @@ a.tag:hover {
   overflow: hidden;
 }
 
-.summary-box h1,
-.summary-box h2,
-.summary-box h3,
-.summary-box h4 {
-  font-size: 0.85rem;
+.summary-box * {
+  font-size: 0.85rem !important;
   margin: 0.25rem 0;
   border: none;
   padding: 0;