.uc-list-comma { > * { display: inline; } > *:not(:last-child):after { content: ', '; } } .uc-list-pipe { > li { display: inline-block; } > li + li { &:before { content: '|'; padding: 0 $gutter; margin-left: -0.25em; //Counteract inline-block white space } } } .uc-list-circle { list-style: circle; li { margin-top: $gutter*0.4; margin-left: $gutter*2; } } .uc-list-disc { list-style: disc; li { margin-top: $gutter*0.4; margin-left: $gutter*2; } } .uc-list-alpha--inside { list-style: lower-alpha inside; li { margin-top: $gutter*0.4; } } .uc-list-alpha--outside { list-style: lower-alpha outside; margin-left: $gutter*1.5; li{ margin-top: $gutter*0.4; } } .uc-list-decimal--inside { list-style: decimal inside; li { margin-top: $gutter*0.4; } } .uc-list-decimal--outside { list-style: decimal outside; margin-left: $gutter*1.5; li{ margin-top: $gutter*0.4; } } // // QUICK INFO (RIGHT SIDEBAR) // .uc-quick-info { .uc-quick-info-header { border-top: 3px solid $lighter-gray; border-bottom: 1px solid $lighter-gray; padding: 3px 0; } dt { margin-top: $gutter*1.5; margin-bottom: 3px; @extend .uc-t-body-strong; } }