Hemang Thakur
demo is ready
44ebcd1
.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 !important;
}
/* 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 !important;
}
/* All but the first child in streaming-content */
.streaming-content p:not(:first-child),
.streaming-content h1:not(:first-child),
.streaming-content h2:not(:first-child),
.streaming-content h3:not(:first-child),
.streaming-content h4:not(:first-child),
.streaming-content h5:not(:first-child),
.streaming-content h6:not(:first-child) {
margin-top: -0.5em !important;
}
.streaming-content h1:not(:first-child),
.streaming-content h2:not(:first-child),
.streaming-content h3:not(:first-child),
.streaming-content h4:not(:first-child),
.streaming-content h5:not(:first-child),
.streaming-content h6:not(:first-child) {
margin-bottom: -0.35em !important;
}
/* When a list follows a paragraph */
.streaming-content p + ul,
.streaming-content p + ol {
margin-top: -2rem !important;
}
/* When a list follows a header */
.streaming-content h1 + ul,
.streaming-content h2 + ul,
.streaming-content h3 + ul,
.streaming-content h4 + ul,
.streaming-content h5 + ul,
.streaming-content h6 + ul,
.streaming-content h1 + ol,
.streaming-content h2 + ol,
.streaming-content h3 + ol,
.streaming-content h4 + ol,
.streaming-content h5 + ol,
.streaming-content h6 + ol {
margin-top: -0.25rem !important;
}
/* 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;
}