Components¶
Every class the stylesheet defines, grouped by the part file that defines it. A modifier (--sm) and an element (__body) are listed under the block they belong to.
Anything not on this page does not exist, and abilian-ds lint says so.
State¶
Set from script or from the server, never as a resting style. Current is aria-current, not a class — see notes/21.
.dragging.drop-target.is-active.is-done.is-dragging.is-on.is-open.is-over.is-selected
alert.css¶
.ads-alert__desc__heading
button.css¶
.ads-btn--danger--ghost--pill--primary--sm.ads-btn-group
card.css¶
.ads-card--lg--sm--status--status-danger--status-success--status-warning__body__foot__head__subtitle__title.ads-metric.ads-ribbon
content.css¶
.ads-accordion.ads-calendar__date__day__day--outside__day--today__event__head.ads-checklist.ads-composer.ads-datagrid__title.ads-divide.ads-empty__header__icon__subtitle__title.ads-frame.ads-list--plain.ads-log.ads-message--divider--mine__author__body__bubble__date__title.ads-price.ads-prose.ads-rule.ads-steplist__mark__title.ads-subheader.ads-thread.ads-timeline__event__icon.ads-tip.ads-tree--nested__label__node
forced-colors.css¶
.ads-check
form.css¶
.ads-choice__note.ads-color.ads-combobox__empty__list__option.ads-dropzone.ads-editor.ads-error.ads-field.ads-file__icon__meta__name.ads-file-input.ads-help.ads-input.ads-input-icon__addon.ads-label--required.ads-otp.ads-range.ads-select.ads-strength.ads-switch__track.ads-textarea
indicator.css¶
.ads-avatar--lg--sm--xs.ads-avatars--stacked.ads-badge.ads-chip__x.ads-chips--input.ads-flag.ads-kbd.ads-legend__swatch__value.ads-placeholder.ads-progress--indeterminate__bar.ads-rating--readonly.ads-skeleton.ads-sparkline.ads-spinner--sm.ads-status--danger--success__dot.ads-tone-brand.ads-tone-danger.ads-tone-info.ads-tone-neutral.ads-tone-success.ads-tone-warning.ads-uptime
layout.css¶
.ads-board__card__col__grip__title.ads-center.ads-centered__inner.ads-cluster.ads-col-lg.ads-col-sm.ads-end.ads-fill.ads-full.ads-gap-lg.ads-gap-sm.ads-grid.ads-muted.ads-push.ads-skip.ads-split.ads-spread.ads-stack.ads-toned.ads-truncate.ads-with-aside
nav.css¶
.ads-breadcrumb.ads-page-link.ads-pagination.ads-pill.ads-pills.ads-segmented--sm__item.ads-step.ads-steps.ads-subnav.ads-tab.ads-tabpanel.ads-tabs.ads-topbar
overlay.css¶
.ads-backdrop.ads-close.ads-cookies__actions.ads-drawer__body__foot__head__title.ads-dropdown.ads-lightbox__body__head.ads-menu__item__item--danger__sep.ads-modal__body__foot__head__panel__title.ads-popover__panel__title.ads-toast__body__head.ads-toasts.ads-tour__actions__step__title.ads-tour-target
shell.css¶
.ads-app--folded--horizontal--right.ads-brand__mark.ads-container--fluid--narrow.ads-main.ads-nav__group__icon__link__list__section__sub.ads-page-body.ads-page-header.ads-page-title.ads-pretitle.ads-sidebar__inner
table.css¶
.ads-datatable__bulk__idle.ads-table--compact--hover--selectable--sticky--striped--vcenter__select.ads-table-scroll.ads-th-sort
base.css¶
.ads-icon.ads-no-print