.props-table {
  &__header {
    width: 100%;
    &-row {
      display: flex;
      padding: 20px 0;
    }
    @include t6-style();
    &-cell {
      flex-basis: 100%;
    }
    border-bottom: solid 1px $sq-color-gray;
  }
  &__body {
    width: 100%;
    &-row {
      padding: 20px 0;
      display: flex;
    }
    &-cell {
      flex-basis: 100%;
      &.name, &.type, &.default-value {
        font-family: Consolas, monospace;
      }
      &.name {
        color: $sq-color-success;
      }
      &.type {
        color: $sq-color-info;
      }
    }
  }
}