feat: adjust block highlight position

pengx17 · Jul 28, 2021 · 7c67286 · 7c67286
1 parent 694a894
commit 7c67286
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 14 deletions.
diff --git a/src/_blocks.scss b/src/_blocks.scss
@@ -89,21 +89,27 @@ a:hover > .bullet-container .bullet {
   transform: scale(1);
 }
 
-.block-content::after {
-  content: '';
-  display: block;
-  position: absolute;
-  width: 4px;
-  height: 12px;
-  top: 6px;
-  bottom: 0;
-  left: -0.5em;
-}
+.block-content {
+  & > span > span > [id] {
+    position: relative;
+  }
 
-.block-content:hover::after {
-  background: var(--ct-primary-color);
+  & > span > span > [id]::before {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 4px;
+    height: 40%;
+    top: 30%;
+    left: -8px;
+  }
+
+  &:hover > span > span > [id]::before {
+    background: var(--ct-primary-color);
+  }
 }
 
+
 /************************* 
  * Editing block threading
  *************************/

diff --git a/src/_headings.scss b/src/_headings.scss
@@ -106,7 +106,7 @@ a.title h1.title {
 
 .ls-block :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) {
   font-family: var(--ct-page-title-font-family);
-  font-weight: 500;
+  font-weight: var(--ct-page-title-font-weight);
 }
 
 .ls-block .block-ref :is(h1, h2, h3, h4, h5) {

diff --git a/src/_miscs.scss b/src/_miscs.scss
@@ -72,7 +72,6 @@ samp {
   padding: var(--ct-inline-code-padding) !important;
   background: var(--ls-tertiary-background-color);
   color: var(--ct-inline-code-color);
-  vertical-align: text-bottom;
   margin-right: 2px;
 }