heti/lib/_base.scss
2022-12-31 22:35:57 +08:00

72 lines
1.3 KiB
SCSS

// Author: Sivan [sun.sivan@gmail.com]
// Description: base reset and entry styles.
@import "variables";
@mixin hetiBase {
// 清容器浮动
@include clear-float();
// 清容器内首尾元素外边距
&,
section,
td {
> *:first-child {
margin-block-start: 0 !important;
}
> *:last-child {
margin-block-end: 0 !important;
}
}
figure {
display: block;
text-align: center;
> img {
display: block;
margin-inline-start: auto;
margin-inline-end: auto;
}
}
hr {
width: 30%;
height: 1px;
margin-block-start: $std-block-unit * 2;
margin-block-end: $std-block-unit * 2 - 1px;
margin-inline-start: auto;
margin-inline-end: auto;
border: 0;
background-color: hsl(0, 0%, 80%);
@include darkmode-style {
background-color: hsl(0, 0%, 25%);
}
}
p {
margin-block-start: $std-block-unit * 0.5;
margin-block-end: $std-block-unit;
text-align: justify;
@include non-cjk-block {
text-align: start;
}
}
// 非中文时不加间距
letter-spacing: $letter-spacing-medium;
@include non-cjk-block {
letter-spacing: $letter-spacing-normal;
}
a,
abbr,
code,
heti-spacing,
[lang="en-US"] {
// There should be no leeter-spacing between English characters.
letter-spacing: normal;
}
}