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

37 lines
713 B
Sass
Raw Normal View History

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