//
// Copyright 2021 Google LLC
// SPDX-License-Identifier: Apache-2.0
//

// stylelint-disable selector-class-pattern --
// Selector '.md3-*' should only be used in this project.

// go/keep-sorted start
@use 'sass:map';
// go/keep-sorted end

@mixin static-styles() {
  :host {
    @include host;
  }

  .md3-test-table {
    @include table;
  }

  .md3-test-table__cell {
    @include cell;
  }

  .md3-test-table__header {
    @include header;
  }

  .md3-test-table__text {
    @include text;
  }
}

@mixin host() {
  display: flex;
}

@mixin table() {
  border: 1px solid;
  border-collapse: collapse;
}

@mixin cell() {
  border: 1px solid;
  position: relative;

  &::before {
    inset: -1px 0 0 -1px;
    content: '';
    position: absolute;
    z-index: -1;
  }
}

@mixin header() {
  border: 1px solid;
  border-top: none;
  caption-side: bottom;
}

@mixin text() {
  align-items: center;
  display: flex;
  justify-content: center;
}