/* * hlist styles are defined in core and Minerva and differ in Minerva. The * current definitions here (2023-01-01) are sufficient to override Minerva * without use of the hlist-separated class. The most problematic styles were * related to margin, padding, and the bullet. Check files listed at * [[MediaWiki talk:Common.css/to do#hlist-separated]] */ /* * TODO: When the majority of readership supports it (or some beautiful world * in which grade C support is above the minimum threshold), use :is() */ .hlistdl, .hlistol, .hlistul{ margin:0; padding:0; } /* Display list items inline */ .hlistdd, .hlistdt, .hlistli{ /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin:0; display:inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inlinedl, .hlist.inlineol, .hlist.inlineul, /* Display nested lists inline */ .hlistdldl, .hlistdlol, .hlistdlul, .hlistoldl, .hlistolol, .hlistolul, .hlistuldl, .hlistulol, .hlistulul{ display:inline; } /* Hide empty list items */ .hlist.mw-empty-li{ display:none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: *.hlist dt:not(:last-child)::after { * content: ": "; *} *.hlist dd:not(:last-child)::after, *.hlist li:not(:last-child)::after { * content: " · "; * font-weight: bold; *} */ /* Generate interpuncts */ .hlistdt::after{ content:" :"; } .hlistdd::after, .hlistli::after{ content:" · "; font-weight:bold; } .hlist-pipedd::after, .hlist-pipeli::after{ content:" | "; font-weight:normal; } .hlist-hyphendd::after, .hlist-hyphenli::after{ content:" - "; font-weight:normal; } .hlist-commadd::after, .hlist-commali::after{ content:"、"; font-weight:normal; } .hlistdd:last-child::after, .hlistdt:last-child::after, .hlistli:last-child::after{ content:none; } /* Add parentheses around nested lists .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: "("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } */ /* Put ordinals in front of ordered list items */ .hlistol{ counter-reset:listitem; } .hlistol>li{ counter-increment:listitem; } .hlistol>li::before{ content:" "counter(listitem)"\a0"; } .hlistddol>li:first-child::before, .hlistdtol>li:first-child::before, .hlistliol>li:first-child::before{ content:"("counter(listitem)"\a0"; } /* make an inline list with either comma or semicolon separators */ ul.cslist, ul.sslist{ margin:0; padding:0; display:inline-block; list-style:none; } .cslistli, .sslistli{ margin:0; display:inline-block; } .cslistli::after{ content:","; } .sslistli::after{ content:";"; } .cslistli:last-child::after, .sslistli:last-child::after{ content:none; }
