Template:Reflist/styles.css: Difference between revisions
(add styles here) |
(add 30em, 25em, and remove support for non-ordered lists) |
||
Line 12: | Line 12: | ||
.reflist-columns { | .reflist-columns { | ||
margin-top: 0.3em; | margin-top: 0.3em; | ||
column-width: 30em; | |||
} | |||
/* Class serves as legacy for "3 or more" column view from when the | |||
* template was implemented with column-count. | |||
*/ | |||
.reflist-columns-3 { | |||
column-width: 25em; | |||
} | } | ||
/* Reset top margin for lists embedded in columns */ | /* Reset top margin for lists embedded in columns */ | ||
.reflist-columns ol { | |||
.reflist-columns ol | |||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
/* Avoid elements breaking between columns */ | /* Avoid elements breaking between columns */ | ||
.reflist-columns li | .reflist-columns li { | ||
page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ | page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ | ||
break-inside: avoid-column; | break-inside: avoid-column; |
Revision as of 03:01, 3 March 2021
.reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } .reflist-columns { margin-top: 0.3em; column-width: 30em; } /* Class serves as legacy for "3 or more" column view from when the * template was implemented with column-count. */ .reflist-columns-3 { column-width: 25em; } /* Reset top margin for lists embedded in columns */ .reflist-columns ol { margin-top: 0; } /* Avoid elements breaking between columns */ .reflist-columns li { page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ break-inside: avoid-column; } .reflist-upper-alpha { list-style-type: upper-alpha; } .reflist-upper-roman { list-style-type: upper-roman; } .reflist-lower-alpha { list-style-type: lower-alpha; } .reflist-lower-greek { list-style-type: lower-greek; } .reflist-lower-roman { list-style-type: lower-roman; }