60 lines
1.2 KiB
SCSS
60 lines
1.2 KiB
SCSS
|
/*
|
||
|
|
* Author: Sivan [sun.sivan@gmail.com]
|
||
|
|
* Description: define block helper classes.
|
||
|
|
*/
|
||
|
|
@import "variables";
|
||
|
|
|
||
|
|
@mixin hetiBlockHelperClasses {
|
||
|
|
// 定义拉丁字母的有序列表
|
||
|
|
#{$root-selector}-list-latin {
|
||
|
|
list-style-type: upper-latin;
|
||
|
|
|
||
|
|
ol {
|
||
|
|
list-style-type: lower-roman;
|
||
|
|
|
||
|
|
ol {
|
||
|
|
list-style-type: lower-latin;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 定义中文序号的有序列表
|
||
|
|
#{$root-selector}-list-han {
|
||
|
|
list-style-type: cjk-ideographic;
|
||
|
|
|
||
|
|
ol {
|
||
|
|
list-style-type: decimal;
|
||
|
|
|
||
|
|
ol {
|
||
|
|
list-style-type: decimal-leading-zero;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 定义多栏布局
|
||
|
|
@each $columns in (2, 3, 4) {
|
||
|
|
#{$root-selector}-columns-#{$columns} {
|
||
|
|
// 多行时不再设总宽度限制
|
||
|
|
max-width: none;
|
||
|
|
column-count: #{$columns};
|
||
|
|
column-gap: 2em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@each $column-width in (16em, 20em, 24em, 28em, 32em, 36em, 40em, 44em, 48em) {
|
||
|
|
#{$root-selector}-columns-#{$column-width} {
|
||
|
|
// 多行时不再设总宽度限制
|
||
|
|
max-width: none;
|
||
|
|
column-width: #{$column-width};
|
||
|
|
column-gap: 2em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 元信息、诗节居中显示
|
||
|
|
#{$root-selector}-meta {
|
||
|
|
line-height: $line-height-size-normal;
|
||
|
|
text-align: center;
|
||
|
|
text-indent: 0;
|
||
|
|
}
|
||
|
|
}
|