@import './clinical-lowlight-theme/ContentLoaded.module';
@import './orion-fusion-theme/ContentLoaded.module';

:local {
  .dev-site-content {
    flex: 1 1 auto;
    height: 100%;
    overflow: hidden;
    width: 100%;
  }

  .scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}

:local(.markdown) {
  color: inherit;
  padding: 1.714rem;
  position: relative;

  &::before {
    content: '';
    display: table;
  }

  &::after {
    clear: both;
    content: '';
    display: table;
  }

  >:first-child {
    margin-top: 0 !important;
  }

  >:last-child {
    margin-bottom: 0 !important;
  }

  // Prism classes, cannot be class modules
  .token.comment,
  .token.doc-comment.comment.punctuation,
  .token.prolog,
  .token.cdata,
  .token.coord {
    color: #6a737d;
  }

  .namespace {
    opacity: 0.7;
  }

  .token.function,
  .token.function.property-access,
  .token.boolean,
  .token.number,
  .token.url,
  .token.atrule,
  .token.property {
    color: var(--terra-dev-site-token-function-color, #005cc5);
  }

  .token.plain,
  .token.property-access,
  .token.content,
  .token.doctype,
  .token.parameter,
  .token.variable,
  .token.script ,
  .token.tag,
  .token.punctuation,
  .token.hexcode,
  .token.unit,
  .token.unchanged {
    color: var(--terra-dev-site-token-plain-color, #24292e);
  }

  .token.tag,
  .token.tag .token.class-name,
  .token.maybe-class-name,
  .token.constant,
  .token.symbol {
    color: #218336;
  }

  .token.function-variable.function,
  .token.string {
    color: var(--terra-dev-site-token-string-color, #032f62);
  }

  .token.attr-name,
  .token.char,
  .token.builtin {
    color: #ba4f08;
  }

  .token.entity,
  .token.regex,
  .style .token.string {
    color: #906837;
  }

  .token.operator,
  .token.rule,
  .token.attr-value,
  .token.important,
  .token.script-punctuation.punctuation,
  .token.keyword {
    color: var(--terra-dev-site-token-keyword-color, #d53040);
  }

  .token.selector,
  .token.attr-name,
  .token.class-name {
    color: var(--terra-dev-site-token-class-name-color, #6f42c1);
  }

  .token.bold {
    font-weight: bold;
  }

  .token.italic {
    font-style: italic;
  }

  .token.entity {
    cursor: help;
  }

  .token.deleted {
    background: var(--terra-dev-site-token-deleted-background, #ffeef0);
    color: #b31d28;
  }

  .token.inserted {
    background: var(--terra-dev-site-token-inserted-background, #f0fff4);
    color: #218336;
  }

  .token.diff.important,
  .token.diff.bold {
    background: var(--terra-dev-site-token-diff-bold-background, #ffebda);
    color: #b54d08;
  }

  .token-line:not(:last-child) {
    min-height: 1.214rem;
  }
}