Closes #26202 (closed)
Per my comment there, I'm not sure which approach would be best/most palatable to take. This PR goes for the simplest/most surgical one, but I know this goes against the grain of targetting specific elements and using child selectors. Then again, the alternative becomes overly verbose...
the simplest would be modifying the list-group css styles to special-case if they're applied to
<ol>rather than<ul>...something likeol.list-group > .list-group-item { display: list-item; list-style-position: inside; }but i know we've been keen to avoid modifying the styles of bootstrap's classes based on which element they've been applied to. so...do we instead propose a whole separate set of styles?
.list-group-ordered? which replicates all the styles of.list-group, but then overrides this aspect?.list-group-ordered > .list-group-item { display: list-item; list-style-position: inside; }or do we do a modifier hanging off of
.list-group-item?.list-group-item-ordered? to be used perhaps in conjunction with.list-group-item, so you'd end up with lengthy constructs like<li class="list-group-item list-group-item-ordered">?.list-group-item-ordered { display: list-item; list-style-position: inside; }basically, there's variations on how we want to get to it. depends on the philosophical approach you want to take (purity of the CSS no referencing elements/special casing based on markup? a whole new set of classes? a modifier?)