Menu
Overview
General
ButtonBadgePillsAvatarBrand lockupLayout
ContainerGrid & RowSurface & text utilitiesApp shellPage headerData Display
CardTableChartsCalendarStatsBulletsLeadersLogo wallCollapse & DisclosureTimelineValue chainDescriptionsFeedback
AlertProgressModalSlide-overSkeletonEmpty stateForms
Field & InputDropdownLead form & CTA rowDate pickerFilter barNavigation
NavSide navigationTop navigationApp switcherUser menuStepperTabsBreadcrumbPaginationTemplates
Sign-in pageSigned-out pageSettings layoutTheming
Browser tabProduct themesData Display
Bullets
Hanging-indent list, wrapped text aligns under the text, never the marker.
.bullets
- The marker sits in a fixed slot; wrapped text aligns under the text, never under the marker.
- Markers render in the accent-text colour and re-tune in dark mode.
- Use for any bulleted content, never fake a bullet as a "› " text run.
<ul class="bullets">
<li>The marker sits in a fixed slot; wrapped text aligns under the text, never under the marker.</li>
<li>Markers render in the accent-text colour and re-tune in dark mode.</li>
<li>Use for any bulleted content, never fake a bullet as a "› " text run.</li>
</ul>
Usage
- This is the locked bullet convention across web, documents, and decks.
- Emphasis inside items by weight, never italics or all-caps.