spaCy/website/assets/css/_components/_lists.sass

33 lines
732 B
Sass
Raw Normal View History

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