sweetmeat

Here's a BeautifulSoup 4 dump of CSS classes and CSS IDs from the Mastodon v4.0.2 advanced web interface UI.

Classes

Account

account
account__avatar
account__avatar-overlay
account__avatar-overlay-base
account__avatar-overlay-overlay
account__avatar-wrapper
account__display-name
account__relationship
account__section-headline
account__wrapper

Attachment List

attachment-list compact
attachment-list__list

Autosuggest

autosuggest-input
autosuggest-textarea
autosuggest-textarea__suggestions
autosuggest-textarea__suggestions-wrapper
autosuggest-textarea__textarea

Button

button
button button--block
button button--block button-secondary
button button--block button-tertiary
button button-tertiary

Character Counter

character-counter
character-counter__wrapper

Column

column
column-header
column-header__back-button
column-header__button
column-header__buttons
column-header__collapsible collapsed
column-header__collapsible-inner
column-header__wrapper
column-link
column-link column-link--logo
column-link column-link--transparent
column-link column-link--transparent active
column-subheading
columns
columns-area
columns-area columns-area--mobile
columns-area__panels
columns-area__panels__main
columns-area__panels__pane columns-area__panels__pane--compositional
columns-area__panels__pane columns-area__panels__pane--start columns-area__panels__pane--navigational
columns-area__panels__pane__inner

Compose Form

compose-form
compose-form__autosuggest-wrapper
compose-form__buttons
compose-form__buttons-wrapper
compose-form__modifiers
compose-form__poll-button
compose-form__poll-button-icon icon-button inverted
compose-form__publish
compose-form__publish-button-wrapper
compose-form__upload-button
compose-form__upload-button-icon icon-button inverted
compose-form__upload-wrapper
compose-form__uploads-wrapper
compose__action-bar
compose__action-bar-dropdown
compose-panel

Display Name

display-name
display-name__account
display-name__html

Drawer

drawer
drawer__header
drawer__inner
drawer__inner darker
drawer__inner__mastodon
drawer__pager
drawer__tab

Emoji

emoji-button
emoji-picker-dropdown
emojione
emojione custom-emoji

Font Awesome

fa fa-at column-link__icon fa-fw
fa fa-bars column-header__icon fa-fw
fa fa-bars fa-fw
fa fa-bell column-header__icon fa-fw
fa fa-bookmark column-header__icon fa-fw
fa fa-bookmark column-link__icon fa-fw
fa fa-bookmark fa-fw
fa fa-chevron-left column-back-button__icon fa-fw
fa fa-close fa-fw
fa fa-cog fa-fw
fa fa-ellipsis-h fa-fw
fa fa-ellipsis-v fa-fw
fa fa-external-link
fa fa-eye-slash fa-fw
fa fa-file-text
fa fa-gears column-link__icon fa-fw
fa fa-globe
fa fa-globe column-link__icon fa-fw
fa fa-globe fa-fw
fa fa-hashtag column-link__icon fa-fw
fa fa-home column-header__icon fa-fw
fa fa-home column-link__icon fa-fw
fa fa-link
fa fa-list-ul column-link__icon fa-fw
fa fa-paperclip fa-fw
fa fa-pencil fa-fw
fa fa-play
fa fa-reply fa-fw
fa fa-reply status__prepend-icon fa-fw
fa fa-reply-all fa-fw
fa fa-retweet fa-fw
fa fa-retweet status__prepend-icon fa-fw
fa fa-search active
fa fa-sign-out fa-fw
fa fa-sliders
fa fa-star column-header__icon fa-fw
fa fa-star column-link__icon fa-fw
fa fa-star fa-fw
fa fa-star star-icon fa-fw
fa fa-tasks fa-fw
fa fa-times fa-fw
fa fa-times-circle
fa fa-user-plus fa-fw
fa fa-user-times fa-fw
fa fa-users column-link__icon fa-fw
fa fa-users fa-fw

Getting Started

getting-started scrollable scrollable--flex
getting-started__trends
getting-started__wrapper

Icon

icon-button
icon-button active
icon-button disabled
icon-button overlayed
icon-button__counter
icon-with-badge

Logo

logo
logo-resources

Media Gallery

media-gallery
media-gallery__item
media-gallery__item-thumbnail
media-gallery__preview media-gallery__preview--hidden

Navigation Bar

navigation-bar
navigation-bar__actions
navigation-bar__profile
navigation-bar__profile-account
navigation-bar__profile-edit

Navigation Panel

navigation-panel
navigation-panel__legal
navigation-panel__logo
navigation-panel__sign-in-banner

Notification

notification notification-favourite focusable
notification notification-follow focusable
notification notification-reblog focusable
notification notification-update focusable
notification-list
notification__display-name
notification__favourite-icon-wrapper
notification__filter-bar
notification__message

Privacy Dropdown

privacy-dropdown
privacy-dropdown bottom
privacy-dropdown__value
privacy-dropdown__value active
privacy-dropdown__value-icon icon-button inverted

Scrollable

scrollable
scrollable scrollable--flex

Search

search
search-results
search__icon
search__input

Server

server-banner
server-banner__description
server-banner__introduction
server-banner__meta
server-banner__meta__column
server-banner__number
server-banner__number-label

Spoiler

spoiler-button spoiler-button--minified
spoiler-input
spoiler-input__input

Status

status status-public
status status-public muted
status status-public status-reply
status status-public status-reply muted
status-card compact
status-card horizontal compact interactive
status-card__actions
status-card__content
status-card__host
status-card__image
status-card__image-image
status-card__image-preview status-card__image-preview--hidden
status-card__title
status-link unhandled-link
status__action-bar
status__action-bar__button bookmark-icon icon-button
status__action-bar__button bookmark-icon icon-button active
status__action-bar__button icon-button
status__action-bar__button icon-button active
status__action-bar__button icon-button icon-button--with-counter
status__action-bar__button star-icon icon-button
status__action-bar__button star-icon icon-button active
status__action-bar__dropdown
status__avatar
status__content status__content--with-action
status__content status__content--with-action status__content--with-spoiler
status__content__read-more-button
status__content__spoiler-link status__content__spoiler-link--show-less
status__content__text status__content__text--visible translate
status__display-name
status__display-name muted
status__info
status__prepend
status__prepend-icon-wrapper
status__relative-time
status__visibility-icon
status__wrapper
status__wrapper focusable
status__wrapper status__wrapper-public
status__wrapper status__wrapper-public focusable
status__wrapper status__wrapper-public status__wrapper-reply
status__wrapper status__wrapper-public status__wrapper-reply focusable

Trends

trends
trends__header
trends__item
trends__item__name
trends__item__sparkline

UI

ui
ui is-composing
ui__header
ui__header__links
ui__header__logo

Upload Area

upload-area
upload-area__background
upload-area__content
upload-area__drop

Other

active
animated-number
app-body theme-default system-font no-reduce-motion layout-multiple-
close icon-button
ellipsis
flex-spacer
getting-started__trends
h-card
image loaded server-banner__hero
image__preview
invisible
item-list
link-footer
load-more
mention hashtag status-link
modal-root
notification-list
notranslate app-holder
scrollable
scrollable scrollable--flex
sign-in-banner
spacer
spoiler-button spoiler-button--minified
tabs-bar__wrapper
text-icon-button
translate
u-url mention status-link

IDs

cw-spoiler-input
inert-style
initial-state
logo-symbol-icon
logo-symbol-wordmark
mastodon

Please let me know if you identify any others!