Template:Cslist/styles.css: Difference between revisions
From Vigyanwiki
(slightly smaller gap) |
(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 22:44, 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;
}
