PlexSheep
/
krata
1
1
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

fix(posts): resume target highlighting for superscripts and footnotes (#1253) 

`<sup>` and `<footnote>` are highlighted when in `:target` state, but this feature has been missing since `v6.1.0` due to an oversight in development.
This commit is contained in:
Cotes Chung 2023-09-20 04:27:32 +08:00 committed by GitHub
parent 73e171b0fb
commit 0465a985dc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
_sass/addon/commons.scss
View File

@ -273,6 +273,8 @@ i {
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
} }
@extend %sup-fn-target;
> p { > p {
margin-left: 0.25em; margin-left: 0.25em;
margin-top: 0; margin-top: 0;
@ -287,10 +289,13 @@ i {
@include pl-pr(2px); @include pl-pr(2px);
border-bottom-style: none !important; border-bottom-style: none !important;
transition: background-color 1.5s ease-in-out;
} }
} }
sup {
@extend %sup-fn-target;
}
.reversefootnote { .reversefootnote {
@at-root a#{&} { @at-root a#{&} {
font-size: 0.6rem; font-size: 0.6rem;

10
_sass/addon/module.scss
View File

@ -127,6 +127,16 @@
font-weight: 600; font-weight: 600;
} }
%sup-fn-target {
&:target {
background-color: var(--footnote-target-bg);
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
transition: background-color 1.75s ease-in-out;
}
}
/* ---------- scss mixin --------- */ /* ---------- scss mixin --------- */
@mixin mt-mb($value) { @mixin mt-mb($value) {