@anjuna/docs/collection/components/markdown/markdown.css

Anjuna Documentation Web Components

ad-markdown {
  /* Code blocks */
  /* Inline code */ }
  ad-markdown code[class*="language-"],
  ad-markdown pre[class*="language-"] {
    border-radius: 0.25rem;
    color: var(--anj-primary);
    background: none;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    tab-size: 4;
    hyphens: none; }
  ad-markdown pre[class*="language-"] {
    padding: 1rem;
    margin: 2rem 0;
    overflow: auto; }
  ad-markdown :not(pre) > code[class*="language-"],
  ad-markdown pre[class*="language-"] {
    background: var(--anj-light);
    border: 1px dashed var(--anj-border); }
  ad-markdown :not(pre) > code[class*="language-"] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal; }
  ad-markdown .token.inserted,
  ad-markdown .token.punctuation {
    color: var(--anj-secondary); }
  ad-markdown .token.string,
  ad-markdown .token.attr-value {
    color: var(--anj-dark); }
  ad-markdown .token.char,
  ad-markdown .token.regex,
  ad-markdown .token.variable,
  ad-markdown .token.function-name,
  ad-markdown .token.function,
  ad-markdown .token.attr-name,
  ad-markdown .token.property,
  ad-markdown .token.class-name,
  ad-markdown .token.constant,
  ad-markdown .token.symbol {
    color: var(--anj-primary); }
  ad-markdown .token.boolean,
  ad-markdown .token.number,
  ad-markdown .token.tag,
  ad-markdown .token.namespace,
  ad-markdown .token.deleted,
  ad-markdown .token.selector,
  ad-markdown .token.important,
  ad-markdown .token.atrule,
  ad-markdown .token.keyword,
  ad-markdown .token.builtin {
    color: var(--anj-secondary-dark); }
  ad-markdown .token.comment,
  ad-markdown .token.block-comment,
  ad-markdown .token.prolog,
  ad-markdown .token.doctype,
  ad-markdown .token.cdata,
  ad-markdown .token.operator,
  ad-markdown .token.entity,
  ad-markdown .token.url {
    color: var(--anj-neutral); }
  ad-markdown .token.important,
  ad-markdown .token.bold {
    font-weight: bold; }
  ad-markdown .token.italic {
    font-style: italic; }
  ad-markdown .token.entity {
    cursor: help; }
  ad-markdown blockquote {
    padding: 0 1em;
    color: var(--anj-primary);
    border-left: 0.25em solid var(--anj-neutral); }
  ad-markdown h1 {
    color: var(--anj-primary);
    font-size: 1.625rem;
    font-weight: 600;
    letter-spacing: var(--anj-spacing-wide);
    margin: 0 0 1rem;
    padding: 0; }
  ad-markdown h2 {
    color: var(--anj-primary);
    font-size: 1.5rem;
    font-weight: 400;
    margin: 1rem 0;
    padding: 0; }
  ad-markdown h3 {
    color: var(--anj-primary);
    font-size: 1.25rem;
    font-weight: 400;
    margin: 1rem 0;
    padding: 0; }
  ad-markdown h4 {
    color: var(--anj-primary);
    font-size: 1rem;
    font-weight: 400;
    margin: 1rem 0;
    padding: 0; }
  ad-markdown h5 {
    color: var(--anj-primary);
    font-size: 0.875rem;
    font-weight: 400;
    margin: 1rem 0;
    padding: 0; }