@import '../devui/style/devui';
@import '~@devui-design/icons/icomoon/devui-icon.css';
@import '~ng-devui/styles-var/devui-var.scss';
@import '../devui-commons/src/devui-commons.scss';
@import '~ng-devui/theme-collection/extend-theme';
@import '../devui/style/devui-for-mobile';
@import '../node_modules/highlight.js/scss/atom-one-dark.scss';

.highlight {
  line-height: 1.5;
  position: relative;
}

code[class*='language-'],
pre[class*='language-'],
pre code {
  white-space: pre;
  font-family:
    'Menlo',
    'DejaVu Sans Mono',
    'Liberation Mono',
    'Consolas',
    'Ubuntu Mono',
    'Courier New',
    'andale mono',
    'lucida console',
    monospace;
}

code,
kbd,
pre,
samp {
  font-family: Consolas, Menlo, Courier, monospace;
}

section {
  margin-bottom: 0 !important;
}

.markdown.api-container {
  width: 100%;
  display: block;

  .devui-api-table-wrapper {
    overflow-x: auto;

    table {
      overflow-wrap: anywhere;

      tr th:first-child {
        min-width: 136px;
      }
    }
  }

  table {
    font-size: $devui-font-size;
  }

  p {
    margin: 1em 0;
  }

  a code {
    text-decoration: underline;
  }

  pre code {
    font-size: $devui-font-size;
    padding: 0.5em;
    background-color: $devui-area;
  }
}

.markdown table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid $devui-line;
  width: 100%;
  margin: 8px 0 16px;

  th,
  td {
    border: 1px solid $devui-dividing-line;
    padding: 8px 16px;
    text-align: left;
  }

  th {
    background: $devui-area;
    white-space: nowrap;
    color: $devui-text;
    font-weight: bold;
  }
}

code {
  padding: 2px 4px;
  // font-size: 90%;
  color: #c7254e;
  background-color: $devui-area;
  border-radius: $devui-border-radius;
}

[dTextInput]::-ms-clear,
[dTextInput]::-ms-reveal {
  display: none;
}

.devui-h3-title {
  font-size: $devui-font-size-card-title;
}
