Difference between revisions of "Template:Cslist/styles.css"
Jump to navigation
Jump to search
imported>RexxS (slightly smaller gap) |
en>RexxS (implement sslist class for semicolon separated list) |
||
| Line 1: | Line 1: | ||
| − | /* make an inline list with comma separators */ | + | /* make an inline list with either comma or semicolon separators */ |
| − | ul.cslist { | + | ul.cslist, ul.sslist { |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| Line 6: | Line 6: | ||
list-style: none; | list-style: none; | ||
} | } | ||
| − | .cslist li { | + | .cslist li, .sslist li { |
margin: 0; | margin: 0; | ||
padding: 0 0.25em 0 0; | padding: 0 0.25em 0 0; | ||
| Line 14: | Line 14: | ||
content: ", "; | content: ", "; | ||
} | } | ||
| − | .cslist li:last-child:after { | + | .sslist li:after { |
| + | content: "; "; | ||
| + | } | ||
| + | .cslist li:last-child:after, .sslist li:last-child:after { | ||
content: none; | content: none; | ||
} | } | ||
Revision as of 18:14, 16 January 2019
/* make an inline list with either comma or semicolon separators */
ul.cslist, ul.sslist {
margin: 0;
padding: 0;
display: inline-block;
list-style: none;
}
.cslist li, .sslist li {
margin: 0;
padding: 0 0.25em 0 0;
display: inline-block;
}
.cslist li:after {
content: ", ";
}
.sslist li:after {
content: "; ";
}
.cslist li:last-child:after, .sslist li:last-child:after {
content: none;
}
