// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
// Licensed under the Apache License, Version 2.0.

@import "@blueprintjs/core/src/common/react-transition";
@import "variables";

.docs-api-drawer {
  .docs-modifiers {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
  }

  .docs-interface-header {
    flex: 0 0 auto;
    padding: $pt-grid-size ($pt-grid-size * 2);

    + .docs-section {
      flex-shrink: 0;
      padding-left: $pt-grid-size * 2;
      padding-right: $pt-grid-size * 2;
    }
  }

  .docs-modifiers-table {
    overflow: auto;
    padding-bottom: $pt-grid-size * 2;

    th:first-child,
    td:first-child {
      padding-left: $pt-grid-size * 2;
    }

    td:last-child {
      padding-right: $pt-grid-size * 2;
    }
  }

  &.#{$ns}-dark {
    .docs-modifiers {
      background-color: $dark-sidebar-background-color;
      box-shadow: $pt-dark-elevation-shadow-4;
    }
  }
}

.docs-code {
  font-family: $pt-font-family-monospace;
  font-weight: 600;
}
