Spaces:
Paused
Paused
| .streaming-content { | |
| font-family: inherit; | |
| line-height: 2rem; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /* Reset margin/padding for all descendants */ | |
| .streaming-content * { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /* Top-level elements */ | |
| .streaming-content > * { | |
| margin-top: 0.5rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| /* VERY FIRST element in an AI answer */ | |
| .streaming-content > *:first-child { | |
| margin-top: 0 ; | |
| } | |
| /* Headings */ | |
| .streaming-content h1, | |
| .streaming-content h2, | |
| .streaming-content h3, | |
| .streaming-content h4, | |
| .streaming-content h5, | |
| .streaming-content h6 { | |
| margin-top: 1rem; | |
| margin-bottom: 0.75rem; | |
| } | |
| /* If heading is the very first element */ | |
| .streaming-content > h1:first-child, | |
| .streaming-content > h2:first-child, | |
| .streaming-content > h3:first-child, | |
| .streaming-content > h4:first-child, | |
| .streaming-content > h5:first-child, | |
| .streaming-content > h6:first-child { | |
| margin-top: 0 ; | |
| } | |
| /* Paragraphs */ | |
| .streaming-content p { | |
| margin-top: 0.25rem; | |
| margin-bottom: 0.25rem; | |
| } | |
| /* Lists */ | |
| .streaming-content ul, | |
| .streaming-content ol { | |
| margin-top: 0.25rem; | |
| margin-bottom: 0.25rem; | |
| padding-left: 1.25rem; | |
| white-space: normal; | |
| } | |
| .streaming-content li { | |
| margin-bottom: 0.25rem; | |
| } | |
| .streaming-content li ul, | |
| .streaming-content li ol { | |
| margin-top: 0.15rem; | |
| margin-bottom: 0.15rem; | |
| } | |
| /* Code Blocks */ | |
| .code-block-container { | |
| margin: 0.5rem 0; | |
| border-radius: 4px; | |
| background-color: #2b2b2b; | |
| overflow: hidden; | |
| } | |
| .code-block-header { | |
| background-color: #1e1e1e; | |
| color: #ffffff; | |
| padding: 0.5rem; | |
| font-size: 0.85rem; | |
| font-weight: bold; | |
| } | |
| /* Table Container */ | |
| .table-container { | |
| margin: 0.5rem 0; | |
| width: 100%; | |
| overflow-x: auto; | |
| border: 1px solid #ddd; | |
| border-radius: 4px; | |
| } | |
| .table-container th, | |
| .table-container td { | |
| border: 1px solid #ddd; | |
| padding: 0.5rem; | |
| } | |
| /* Markdown Links */ | |
| .markdown-link { | |
| color: #1a73e8; | |
| text-decoration: none; | |
| } | |
| .markdown-link:hover { | |
| text-decoration: underline; | |
| } | |
| /* Blockquotes */ | |
| .markdown-blockquote { | |
| border-left: 4px solid #ccc; | |
| padding-left: 0.75rem; | |
| margin: 0.5rem 0; | |
| color: #555; | |
| font-style: italic; | |
| } |