fix: block hovering selector fix

pengx17 · Jul 28, 2021 · 9313735 · 9313735
1 parent 9fd9f75
commit 9313735
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/_blocks.scss b/src/_blocks.scss
@@ -89,22 +89,22 @@ a:hover > .bullet-container .bullet {
   transform: scale(1);
 }
 
-.block-content {
-  & > span > span > [id] {
+.block-content-wrapper > div > .block-content {
+  & > span > span > :first-of-type {
     position: relative;
-  }
 
-  & > span > span > [id]::before {
-    content: '';
-    display: block;
-    position: absolute;
-    width: 4px;
-    height: 40%;
-    top: 30%;
-    left: -8px;
+    &::before {
+      content: '';
+      display: block;
+      position: absolute;
+      width: 4px;
+      height: 12px;
+      top: calc(50% - 6px);
+      left: -8px;
+    }
   }
 
-  &:hover > span > span > [id]::before {
+  &:hover > span > span > :first-of-type::before {
     background: var(--ct-primary-color);
   }
 }