zhao/heti
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: update BEM naming

Browse source
This commit is contained in:
Sivan 2020-02-11 21:01:13 +08:00
parent f65382b12a
commit d0488130ae
18 changed files with 297 additions and 216 deletions
Download patch file Download diff file Expand all files Collapse all files

59
lib/_helper-block.scss
View file

@ -1,59 +0,0 @@
/*
* 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;
}
}