.content { ol { margin: 0; padding: 0 0 0 2.25em; padding-inline-start: 2.25em; padding-inline-end: 0; } ul { list-style-type: disc; padding-left: 1em; padding-inline-start: 1em; padding-inline-end: 0; & > li > ul { list-style-type: circle; & > li > ul { list-style-type: square; } } } /* stylelint-disable no-descending-specificity */ ol, ul { ol, ul { margin: 0 0 0 1em; margin-inline-start: 1em; margin-inline-end: 0; } } li { margin-bottom: 10px; &:last-child { margin-bottom: inherit; } } /* stylelint-enable no-descending-specificity */ } dl { /* Unlike other lists, a definition list has no left margin, only definition items do */ margin: 0.2em 0 0.5em 0; /* As in Vector, indenting of definition items, and bolding of definition terms is generically useful */ dt { font-weight: bold; } dd { margin: 0 0 0 1em; margin-inline-start: 1em; margin-inline-end: 0; } }