/* List */ ol { list-style: decimal; margin: 0 0 _size(element-margin) 0; padding-left: 1.25rem; li { padding-left: 0.25rem; } } ul { list-style: disc; margin: 0 0 _size(element-margin) 0; padding-left: 1rem; li { padding-left: 0.325rem; } &.plain { list-style: none; padding-left: 0; li { margin-bottom: 1rem; .icon { border-radius: _size(border-radius); color: _palette(accent1,fg-bold); display: inline-block; margin-right: 1rem; text-align:center; width: 2rem; height: 2rem; line-height: 2rem; background: rgba(0,0,0,0.5); } } } &.alt { list-style: none; padding-left: 0; li { border-top: solid 1px; padding: 0.75rem 0; &:first-child { border-top: 0; padding-top: 0; } &:last-child { padding-bottom: 0; } } } } dl { margin: 0 0 _size(element-margin) 0; dt { display: block; font-weight: _font(weight-bold); margin: 0 0 (_size(element-margin) * 0.5) 0; } dd { margin-left: (_size(element-margin) * 0.75); } } @mixin color-list($p: null) { ul { &.alt { li { border-top-color: _palette($p, border); } } } } @include color-list;