Agentpedia

Template:Hlist/styles.css: Difference between revisions

← Older edit
en>IznoPublic
two separate things going on here
m 17 revisions imported
 
(15 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* Style for horizontal lists (separator following item).
/* {{pp-protected|reason=match parent|small=yes}} */
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
/*
  @revision 8 (2016-05-21)
* hlist styles are defined in core and Minerva and differ in Minerva. The
  @author [[User:Edokter]]
* 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]]
  */
  */
/**
/*
  * Note hlist style usage differs in Minerva and is defined in core as well!
* TODO: When the majority of readership supports it (or some beautiful world
* Please check Minerva desktop (and Minerva.css) when changing
  * in which grade C support is above the minimum threshold), use :is()
* See https://phabricator.wikimedia.org/T213239
* TODO: Remove this note when it becomes irrelevant. (Soon?)
  */
  */
.hlist dl,
.hlist dl,
.hlist ol,
.hlist ol,
Line 54: Line 54:
}
}


.hlist ul,
/* TODO: :not() can maybe be used here to remove the later rule. naive test
.hlist ol {
* seems to work. more testing needed. like so:
padding-left: 0;
*.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,
.hlist li::after {
content: " · ";
content: " · ";
font-weight: bold;
font-weight: bold;
}
}


.hlist dd:last-child:after,
.hlist dd:last-child::after,
.hlist dt:last-child:after,
.hlist dt:last-child::after,
.hlist li:last-child:after {
.hlist li:last-child::after {
content: none;
content: none;
}
}


/* Add parentheses around nested lists */
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dd:first-child::before,
.hlist dd dt:first-child:before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child:before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child:before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child:before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child:before,
.hlist dt li:first-child::before,
.hlist li dd:first-child:before,
.hlist li dd:first-child::before,
.hlist li dt:first-child:before,
.hlist li dt:first-child::before,
.hlist li li:first-child:before {
.hlist li li:first-child::before {
content: " (";
content: " (";
font-weight: normal;
font-weight: normal;
}
}


.hlist dd dd:last-child:after,
.hlist dd dd:last-child::after,
.hlist dd dt:last-child:after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child:after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child:after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child:after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child:after,
.hlist dt li:last-child::after,
.hlist li dd:last-child:after,
.hlist li dd:last-child::after,
.hlist li dt:last-child:after,
.hlist li dt:last-child::after,
.hlist li li:last-child:after {
.hlist li li:last-child::after {
content: ")";
content: ")";
font-weight: normal;
font-weight: normal;
Line 111: Line 118:
}
}


.hlist ol > li:before {
.hlist ol > li::before {
content: " " counter(listitem) "\a0";
content: " " counter(listitem) "\a0";
}
}


.hlist dd ol > li:first-child:before,
.hlist dd ol > li:first-child::before,
.hlist dt ol > li:first-child:before,
.hlist dt ol > li:first-child::before,
.hlist li ol > li:first-child:before {
.hlist li ol > li:first-child::before {
content: " (" counter(listitem) "\a0";
content: " (" counter(listitem) "\a0";
}
}
Retrieved from "https://agentpedia.tmafe.com/wiki/Template:Hlist/styles.css"