legends810/testingnew

1$font-mono: ui-monospace, 'Fira Code', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;2$code-font-size: 13px;3 4@mixin not-inside-actions {5  &:not(:has(:global(.actions)), :global(.actions *)) {6    @content;7  }8}9 10.MarkdownContent {11  line-height: 1.6;12  color: var(--bolt-elements-textPrimary);13 14  > *:not(:last-child) {15    margin-block-end: 16px;16  }17 18  :global(.artifact) {19    margin: 1.5em 0;20  }21 22  :is(h1, h2, h3, h4, h5, h6) {23    @include not-inside-actions {24      margin-block-start: 24px;25      margin-block-end: 16px;26      font-weight: 600;27      line-height: 1.25;28      color: var(--bolt-elements-textPrimary);29    }30  }31 32  h1 {33    font-size: 2em;34    border-bottom: 1px solid var(--bolt-elements-borderColor);35    padding-bottom: 0.3em;36  }37 38  h2 {39    font-size: 1.5em;40    border-bottom: 1px solid var(--bolt-elements-borderColor);41    padding-bottom: 0.3em;42  }43 44  h3 {45    font-size: 1.25em;46  }47 48  h4 {49    font-size: 1em;50  }51 52  h5 {53    font-size: 0.875em;54  }55 56  h6 {57    font-size: 0.85em;58    color: #6a737d;59  }60 61  p {62    white-space: pre-wrap;63 64    &:not(:last-of-type) {65      margin-block-start: 0;66      margin-block-end: 16px;67    }68  }69 70  a {71    color: var(--bolt-elements-messages-linkColor);72    text-decoration: none;73    cursor: pointer;74 75    &:hover {76      text-decoration: underline;77    }78  }79 80  :not(pre) > code {81    font-family: $font-mono;82    font-size: $code-font-size;83 84    @include not-inside-actions {85      border-radius: 6px;86      padding: 0.2em 0.4em;87      background-color: var(--bolt-elements-messages-inlineCode-background);88      color: var(--bolt-elements-messages-inlineCode-text);89    }90  }91 92  pre {93    padding: 20px 16px;94    border-radius: 6px;95  }96 97  pre:has(> code) {98    font-family: $font-mono;99    font-size: $code-font-size;100    background: transparent;101    overflow-x: auto;102    min-width: 0;103  }104 105  blockquote {106    margin: 0;107    padding: 0 1em;108    color: var(--bolt-elements-textTertiary);109    border-left: 0.25em solid var(--bolt-elements-borderColor);110  }111 112  :is(ul, ol) {113    @include not-inside-actions {114      padding-left: 2em;115      margin-block-start: 0;116      margin-block-end: 16px;117    }118  }119 120  ul {121    @include not-inside-actions {122      list-style-type: disc;123    }124  }125 126  ol {127    @include not-inside-actions {128      list-style-type: decimal;129    }130  }131 132  li {133    @include not-inside-actions {134      & + li {135        margin-block-start: 8px;136      }137 138      > *:not(:last-child) {139        margin-block-end: 16px;140      }141    }142  }143 144  img {145    max-width: 100%;146    box-sizing: border-box;147  }148 149  hr {150    height: 0.25em;151    padding: 0;152    margin: 24px 0;153    background-color: var(--bolt-elements-borderColor);154    border: 0;155  }156 157  table {158    border-collapse: collapse;159    width: 100%;160    margin-block-end: 16px;161 162    :is(th, td) {163      padding: 6px 13px;164      border: 1px solid #dfe2e5;165    }166 167    tr:nth-child(2n) {168      background-color: #f6f8fa;169    }170  }171}172