fix: make section-li scss more generic

hermannkm · Jul 14, 2022 · e0b6606 · e0b6606
1 parent d7a42a2
commit e0b6606
Showing 1 changed file with 25 additions and 24 deletions.
diff --git a/assets/styles/base.scss b/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 {
-        font-weight: 700;
-        margin: 0;
-      }
-
-      & p {
-        margin: 0;
-        padding-right: 1em;
-        flex-basis: 6em; 
-      }
-    }
+}
+
+.section-li {
+  margin-bottom: 1em;
 
-    & h3 {
-      opacity: 1;
+  & > .section {
+    display: flex;
+    align-items: center; 
+
+    & h3 > a {
       font-weight: 700;
-      margin: 0em;
+      margin: 0;
     }
-
-    & .meta {
-      opacity: 0.6;
+
+    & p {
+      margin: 0;
+      padding-right: 1em;
+      flex-basis: 6em; 
     }
   }
+
+  & h3 {
+    opacity: 1;
+    font-weight: 700;
+    margin: 0em;
+  }
+
+  & .meta {
+    opacity: 0.6;
+  }
 }
 
 @keyframes dropin {