fix: make section-li scss more generic

assets/styles/base.scss

@@ -498,35 +498,36 @@ header {
   margin-top: 2em;
   padding-left: 0;
 
-  & > li {
+}
-    margin-bottom: 1em;
-
-    & > .section {
-      display: flex;
-      align-items: center; 
 
-      & h3 > a {
+.section-li {
-        font-weight: 700;
+  margin-bottom: 1em;
-        margin: 0;
-      }
 
-      & p {
+  & > .section {
-        margin: 0;
+    display: flex;
-        padding-right: 1em;
+    align-items: center; 
-        flex-basis: 6em; 
-      }
-    }
     
-    & h3 {
+    & h3 > a {
-      opacity: 1;
       font-weight: 700;
-      margin: 0em;
+      margin: 0;
     }
     
-    & .meta {
+    & p {
-      opacity: 0.6;
+      margin: 0;
+      padding-right: 1em;
+      flex-basis: 6em; 
     }
   }
+
+  & h3 {
+    opacity: 1;
+    font-weight: 700;
+    margin: 0em;
+  }
+
+  & .meta {
+    opacity: 0.6;
+  }
 }
 
 @keyframes dropin {