cnt
カウンター関連のプロパティを設定します。
Params
s
[selector]
r
counter-reset
i
counter-increment
c
content
Keyword
-
ddecimal
-
jdcjk-decimal
-
rupper-roman
-
lrlower-roman
-
aupper-alpha
-
lalower-alpha
-
jjapanese-formal
-
jijapanese-informal
-
hhiragana
-
hihiragana-iroha
-
kkatakana
-
kikatakana-iroha
scss
@import 'catpow';
.list{
@include cnt((r:list-item));
&__item{
&::before{
@include cnt((i:list-item,c:j '.'));
}
}
}
@import 'catpow'; .list{ @include cnt((r:list-item)); &__item{ &::before{ @include cnt((i:list-item,c:j '.')); } } }
css
.list {
counter-reset: list-item;
}
.list__item::before {
counter-increment: list-item;
content: counter(list-item,japanese-formal) ".";
}
.list { counter-reset: list-item; } .list__item::before { counter-increment: list-item; content: counter(list-item,japanese-formal) "."; }