heti/_site/scss/components/_anchor.scss

44 lines
712 B
SCSS
Raw Permalink Normal View History

2020-05-04 23:29:03 +08:00
// Author: Sivan [sun.sivan@gmail.com]
// Description: anchor.
.anchor {
margin-inline-start: 0.25em;
}
@media screen and (min-width: 640px) {
.article {
.anchor {
position: absolute;
left: -1em;
width: 1em;
margin-inline-start: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: inherit;
text-align: center;
opacity: 0;
transition: opacity 0.2s linear;
&:hover {
text-decoration: none;
border: 0;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
&:hover {
.anchor {
opacity: 1;
}
}
}
}
}