@use "../../core/mixin";
@use "../../core/abstract";

/*
---
name: .c-responsive-table
category:
  - object/component
  - object/component/responsive-table
---
Responsive table component

### html
```html
<div class="c-responsive-table">
  <table style="width: 1000px">
    <tr>
      <th>th</th>
      <td>td</td>
      <td>td</td>
    </tr>
    <tr>
      <th>th</th>
      <td>td</td>
      <td>td</td>
    </tr>
  </table>
</div>
```
*/

.c-responsive-table {
  @include mixin.media-max(sm) {
    @include abstract.responsive-table();
  }
}