Table

This component adds BEM classes to the HTML table markup.

Theming the table element:

@import "sass-essentials";

.table {
  &__caption {}
  &__colgroup {}
  &__col {}
  &__head {}
  &__body {}
  &__row {
    &--head {}
    &--odd {}
    &--even {}
  }
  &__th {
    &--first {}
  }
  &__td {
    &--first {}
  }
  &__foot {}
}

Specifications

Machine name

table

Built upon

Drupal Core

Perks

Using Sass
Accessible

Drawbacks

Not responsive

Building blocks

HTML
CSS

Stats

Public component
5 downloads
No open issue

Contributors