Template:Cslist/styles.css: Difference between revisions
From Vigyanwiki
(implement sslist class for semicolon separated list) |
m (13 revisions imported from alpha:Template:Cslist/styles.css) |
||
(5 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
/* {{pp-template}} */ | |||
/* make an inline list with either comma or semicolon separators */ | /* make an inline list with either comma or semicolon separators */ | ||
ul.cslist, ul.sslist { | ul.cslist, | ||
ul.sslist { | |||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 6: | Line 8: | ||
list-style: none; | list-style: none; | ||
} | } | ||
ul.cslist-embedded { | |||
display: inline; | |||
} | |||
.cslist li, .sslist li { | .cslist li, .sslist li { | ||
margin: 0; | margin: 0; | ||
Line 11: | Line 18: | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
.cslist li:after { | .cslist li:after { | ||
content: ", "; | content: ", "; | ||
} | } | ||
.sslist li:after { | .sslist li:after { | ||
content: "; "; | content: "; "; | ||
} | } | ||
.cslist li:last-child:after, .sslist li:last-child:after { | |||
.cslist li:last-child:after, | |||
.sslist li:last-child:after { | |||
content: none; | content: none; | ||
} | } |
Latest revision as of 11:46, 10 August 2023
/* {{pp-template}} */
/* make an inline list with either comma or semicolon separators */
ul.cslist,
ul.sslist {
margin: 0;
padding: 0;
display: inline-block;
list-style: none;
}
ul.cslist-embedded {
display: inline;
}
.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;
}