spaCy/website/assets/css/_components/_lists.sass
2017-10-03 14:14:52 +02:00

40 lines
814 B
Sass

//- 💫 CSS > 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}) '.'
font-size: 1em
padding-right: 1rem
//- List Item
.c-list__item
padding-left: 2rem
margin-bottom: 0.5em
margin-left: 1.25rem
&:before
content: '\25CF'
display: inline-block
font-size: 0.6em
font-weight: bold
padding-right: 1.25rem
margin-left: -3.75rem
text-align: right
width: 2.5rem
counter-increment: li
box-sizing: content-box
//- List icon
.c-list__icon
margin-right: 1rem