@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);
            word-break: break-all;
        }

        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{
            word-break: break-word;
        }
    }
}