@use '@angular/material' as mat;
@mixin markdown-view-mat($theme) {
  $foreground-palette: map-get($theme, foreground);
  $text-color: mat.get-color-from-palette($foreground-palette, text);

  app-markdown-view {
    color: $text-color;

    a {
      color: mat.get-color-from-palette($accent);
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    blockquote {
      padding: 2px 2px 2px 10px;
      border-left: 4px solid gray;
      margin: 10px 0;
    }

    .emoji {
      height: 20px;
    }

    code {
      white-space: pre-wrap;
      word-break: break-all;
    }

    .paragraph {
      display: inline;
      word-break: break-word;
    }

    .inline {
      display: inline;
    }
  }
}
