「模板:Hlist/styles.css」:修訂間差異

無編輯摘要
imported>CYL992
(建立內容為「.hlist ul, .hlist ol { padding-left: 0; } →‎reset hlist margins of Minerva:​ .hlist li, .hlist dd, .hlist dt { margin: 0; display: inline; } .hlist dt:after, .hlist dd:after, .hlist li:after { white-space: normal; } →‎Generate interpuncts:​ .hlist dt:after { content: " :"; } .hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; } .hlist-pipe dd:after, .hlist-pipe li:after { content: " | "; font-weight: normal; }…」的新頁面
 
無編輯摘要
 
第1行: 第1行:
.hlist ul,
/*
.hlist ol {
* hlist styles are defined in core and Minerva and differ in Minerva. The
padding-left: 0;
* 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()
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
}
/* reset hlist margins of Minerva */
 
.hlist li,
/* Display list items inline */
.hlist dd,
.hlist dd,
.hlist dt {
.hlist dt,
margin: 0;
.hlist li {
/*
* 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.inline dl,
.hlist.inline ol,
.hlist.inline ul,
/* Display nested lists inline */
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
display: inline;
}
}
.hlist dt:after,
 
.hlist dd:after,
/* Hide empty list items */
.hlist li:after {
.hlist .mw-empty-li {
white-space: normal;
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 */
/* Generate interpuncts */
.hlist dt:after {
.hlist dt::after {
    content: " :";
content: " :";
}
}
.hlist dd:after,
 
.hlist li:after {
.hlist dd::after,
    content: " · ";
.hlist li::after {
    font-weight: bold;
content: " · ";
font-weight: bold;
}
}
.hlist-pipe dd:after,
 
.hlist-pipe li:after {
.hlist-pipe dd::after,
    content: " | ";
.hlist-pipe li::after {
    font-weight: normal;
content: " | ";
font-weight: normal;
}
}


.hlist-hyphen dd:after,
.hlist-hyphen dd::after,
.hlist-hyphen li:after {
.hlist-hyphen li::after {
    content: " - ";
content: " - ";
    font-weight: normal;
font-weight: normal;
}
}


.hlist-comma dd:after,
.hlist-comma dd::after,
.hlist-comma li:after {
.hlist-comma li::after {
content: "、";
content: "、";
font-weight: normal;
font-weight: normal;
}
}
/* Should be removed and moved to templates once TemplateStyles is live */
 
.hlist dd:last-child:after,
 
.hlist dt:last-child:after,
.hlist dd:last-child::after,
.hlist li:last-child:after {
.hlist dt:last-child::after,
.hlist li:last-child::after {
content: none;
content: none;
}
}
/* Put ordinals in front of ordered list items */
 
/* Should be removed and moved to templates once TemplateStyles is live */
/* Add parentheses around nested lists
.hlist ol {
.hlist dd dd:first-child::before,
counter-reset: listitem;
.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;
}
}
/* Should be removed and moved to templates once TemplateStyles is live */
 
.hlist ol > li {
.hlist dd dd:last-child::after,
counter-increment: listitem;
.hlist dd dt:last-child::after,
}
.hlist dd li:last-child::after,
/* Should be removed and moved to templates once TemplateStyles is live */
.hlist dt dd:last-child::after,
.hlist ol > li:before {
.hlist dt dt:last-child::after,
content: " " counter(listitem) " ";
.hlist dt li:last-child::after,
white-space: nowrap;
.hlist li dd:last-child::after,
}
.hlist li dt:last-child::after,
/* Should be removed and moved to templates once TemplateStyles is live */
.hlist li li:last-child::after {
.hlist dd ol > li:first-child:before,
content: "";
.hlist dt ol > li:first-child:before,
font-weight: normal;
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}
}
*/
/* Put ordinals in front of ordered list items */
/* Put ordinals in front of ordered list items */
.hlist ol {
.hlist ol {
counter-reset: listitem;
counter-reset: listitem;
}
}
.hlist ol > li {
.hlist ol > li {
counter-increment: listitem;
counter-increment: listitem;
}
}
.hlist ol > li:before {
 
.hlist ol > li::before {
content: " " counter(listitem) "\a0";
content: " " counter(listitem) "\a0";
}
}
.hlist dd ol > li:first-child:before,
 
.hlist dt ol > li:first-child:before,
.hlist dd ol > li:first-child::before,
.hlist li ol > li:first-child:before {
.hlist dt ol > li:first-child::before,
content: " (" counter(listitem) "\a0";
.hlist li ol > li:first-child::before {
content: "" counter(listitem) "\a0";
}
}
/* 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;
    display: inline-block;
display: inline-block;
    list-style: none;
list-style: none;
}
}
.cslist li, .sslist li {
 
    margin: 0;
.cslist li,
    display: inline-block;
.sslist li {
margin: 0;
display: inline-block;
}
}
.cslist li:after {
 
    content: ",";
.cslist li::after {
content: ",";
}
}
.sslist li:after {
 
    content: ";";
.sslist li::after {
content: ";";
}
}
.cslist li:last-child:after, .sslist li:last-child:after {
 
    content: none;
.cslist li:last-child::after,
.sslist li:last-child::after {
content: none;
}
}