44 lines
712 B
SCSS
44 lines
712 B
SCSS
|
// 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;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|