18F/web-design-standards

View on GitHub
packages/usa-table/src/styles/_usa-table.scss

Summary

Maintainability
Test Coverage
@use "uswds-core" as *;

.usa-table {
  @include usa-table;
}

.usa-table--borderless {
  @include usa-table--borderless;
}

.usa-table--compact {
  @include usa-table--compact;
}

.usa-table--striped {
  @include usa-table--striped;
}

.usa-table--stacked {
  @include at-media-max("mobile-lg") {
    @include table-stacked-styles;
  }
}

.usa-table--stacked-header {
  @include at-media-max("mobile-lg") {
    @include table-stacked-styles;
    @include table-stacked-header-styles;
  }
}

.width-mobile {
  .usa-table--stacked {
    @include usa-table--stacked;
  }

  .usa-table--stacked-header {
    @include usa-table--stacked-header;
  }
}

.usa-table--sticky-header {
  @include usa-table--sticky-header;
}

.usa-table-container--scrollable {
  @include usa-table-container--scrollable;
}