Show heading anchor on touch devices
This commit is contained in:
parent
df81012e28
commit
d919f833f1
2 changed files with 15 additions and 10 deletions
|
@ -62,7 +62,7 @@ h2 {
|
|||
h3 {
|
||||
@extend %heading;
|
||||
@extend %section;
|
||||
@extend %anchor-relative;
|
||||
@extend %anchor;
|
||||
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
|
|
@ -19,10 +19,14 @@
|
|||
|
||||
%anchor {
|
||||
> a {
|
||||
font-size: 70%;
|
||||
visibility: hidden;
|
||||
font-size: 1rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
> a {
|
||||
border-bottom: none !important;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s;
|
||||
}
|
||||
|
@ -34,6 +38,7 @@
|
|||
transition: opacity 0.25s ease-in, visibility 0s ease-in 0s;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
%anchor-relative {
|
||||
|
|
Loading…
Reference in a new issue