@servicetitan/assist-ui/src/components/markdown-text/markdown-text.module.less

ServiceTitan Assist UI Components

@import (reference) '~@servicetitan/tokens/dist/tokens.less';

.markdown-content {
    :global {
        h1,
        h2,
        h3,
        h4 {
            font-size: 1rem;
            margin-top: @spacing-0;
        }

        p {
            margin: @spacing-0 @spacing-0 @spacing-1;
        }

        pre {
            background-color: #f6f8fa;
            border-radius: @border-radius-2;
            padding: @spacing-2;
            overflow: auto;
        }

        code {
            background-color: rgba(175, 184, 193, 0.2);
            border-radius: @border-radius-2;
            padding: 0.2em 0.4em;
            font-family:
                ui-monospace,
                SFMono-Regular,
                SF Mono,
                Menlo,
                Consolas,
                Liberation Mono,
                monospace;
        }

        pre code {
            background-color: transparent;
            padding: @spacing-0;
        }

        ul,
        ol {
            padding-left: 2em;
            margin: @spacing-0 @spacing-0 1em;
        }

        table {
            border-collapse: collapse;
            width: 100%;
            margin: 1em @spacing-0;
        }

        th,
        td {
            border: 1px solid #d0d7de;
            padding: 6px 13px;
        }

        th {
            background-color: #f6f8fa;
        }
    }
}