Fix the overlap of footnote in vertical direction. (cotes2020#123)

cotes2020 · cotes2020 · commit ed527bf8a609 · 2020-09-11T23:25:54.000+08:00
diff --git a/assets/css/_addon/main.scss b/assets/css/_addon/main.scss
@@ -662,7 +662,11 @@ kbd {
 }
 
 sup {
-  @extend %anchor;
+  z-index: 1;
+  &:target {
+    @extend %anchor;
+    z-index: 0;
+  }
 }
 
 .footnotes ol {
@@ -1101,7 +1105,7 @@ div.post-content .table-wrapper {
     justify-content: center!important;
   }
 
-  sup {
+  sup:target {
     padding-top: 3.4rem;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -662,7 +662,11 @@ kbd {`
`662`	`662`	`}`
`663`	`663`
`664`	`664`	`sup {`
`665`		`- @extend %anchor;`
	`665`	`+ z-index: 1;`
	`666`	`+ &:target {`
	`667`	`+ @extend %anchor;`
	`668`	`+ z-index: 0;`
	`669`	`+ }`
`666`	`670`	`}`
`667`	`671`
`668`	`672`	`.footnotes ol {`
`@@ -1101,7 +1105,7 @@ div.post-content .table-wrapper {`
`1101`	`1105`	`justify-content: center!important;`
`1102`	`1106`	`}`
`1103`	`1107`
`1104`		`- sup {`
	`1108`	`+ sup:target {`
`1105`	`1109`	`padding-top: 3.4rem;`
`1106`	`1110`	`}`
`1107`	`1111`