spaCy/website/assets/css/_components/_lists.sass
2016-10-03 20:19:13 +02:00

33 lines
732 B
Sass

//- ----------------------------------
//- 💫 COMPONENTS > LISTS
//- ----------------------------------
//- List Container
.c-list
@each $type, $counter in (numbers: decimal, letters: upper-latin, roman: lower-roman)
&.c-list--#{$type}
counter-reset: li
.c-list__item:before
content: counter(li, #{$counter}) '.'
//- List Item
.c-list__item
padding-left: 2rem
margin-bottom: 1em
margin-left: 1.25rem
&:before
content: '\25CF'
display: inline-block
font-size: 1.25em
font-weight: bold
padding-right: 1.25rem
margin-left: -3.75rem
text-align: right
width: 2.5rem
counter-increment: li