47 lines
843 B
SCSS
47 lines
843 B
SCSS
/*
|
|
* Author: Sivan [sun.sivan@gmail.com]
|
|
* Description: define inline helper classes.
|
|
*/
|
|
@import "variables";
|
|
|
|
@mixin hetiInlineHelperClasses {
|
|
// 标题内锚点
|
|
#{$root-selector}-anchor {
|
|
position: absolute;
|
|
left: -1em;
|
|
width: 1em;
|
|
font-family: $font-family-hei;
|
|
font-weight: 400;
|
|
line-height: inherit;
|
|
text-align: center;
|
|
opacity: 0;
|
|
transition: opacity 0.2s linear;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
border-block-end: 0;
|
|
}
|
|
|
|
@at-root {
|
|
#{$root-selector} {
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
position: relative;
|
|
|
|
&:hover #{$root-selector}-anchor {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// @todo: 用于标点悬挂用的样式
|
|
#{$root-selector}-hang {
|
|
@include hang();
|
|
}
|
|
}
|