// Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

@import 'package:angular_components/css/all_material';

:host {
  ::ng-deep strong {
    @include mat-font-body-2;
    color: $mat-blue;
  }

  .property-type {
    background: none;
    border: 0;
    color: $mat-blue;
    font-size: smaller;
  }

  .property-deprecated::before,
  .declaration-deprecated::before {
    color: $mat-red-600;
    content: 'Deprecated! ';
  }

  .declaration-deprecated {
    font-weight: $mat-font-weight-bold;
    font-size: $mat-font-size-subhead;
  }

  ::ng-deep table {
    border-collapse: collapse;
    margin: $mat-grid * 3 0;
    text-align: left;

    strong {
      color: $mat-transparent-black;
    }

    td,
    th {
      border: 1px $mat-border-light solid;
      padding: $mat-grid;
      vertical-align: top;
    }

    th {
      background: $mat-blue-50;
      color: $mat-blue;
      font-weight: $mat-font-weight-medium;
    }
  }
}
