fix: make section-li scss more generic

2 years ago · e0b6606d50
parent d7a42a2fd7
commit e0b6606d50
1 changed files with 25 additions and 24 deletions
--- 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 {