#body .appflowy-scroll-container .mention-inline { display: inline-flex; align-items: center; gap: 4px; padding-top: 3px; padding-bottom: 3px; border-bottom: 0; border-radius: 4px; } #body .appflowy-scroll-container .mention-content { opacity: 1 !important; } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"] { margin-top: 7px; margin-bottom: 3px; } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"] .text-content { font-size: 14px; line-height: 1.7 !important; } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"] .mention-inline { min-height: 32px; } #body .appflowy-scroll-container [data-block-type="simple_table_cell"] { padding: 10px 14px !important; vertical-align: top; } #body .appflowy-scroll-container [data-block-type="simple_table_cell"] [data-block-type="paragraph"] { margin: 0 !important; } #body .appflowy-scroll-container [data-block-type="simple_table_cell"] .text-content { line-height: 1.6 !important; } #body .appflowy-scroll-container [data-slate-editor] > [data-block-type="grid"], #body .appflowy-scroll-container [data-slate-editor] > [data-block-type="board"] { margin-top: 32px; margin-bottom: 40px; } #body .appflowy-scroll-container [data-block-type="outline"] { margin-top: 16px; margin-bottom: 24px; } @media (max-width: 800px) { #body .appflowy-scroll-container [data-block-type="callout"] > div { padding: 18px !important; } #body .appflowy-scroll-container [data-slate-editor] > [data-block-type="heading"] { margin-top: 28px; margin-bottom: 12px; } #body .appflowy-scroll-container [data-block-type="simple_columns"] > div { gap: 14px !important; } } #body .appflowy-scroll-container [data-block-type="callout"] > div > .text-element .mention-content { margin-left: 0 !important; } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"] { margin-left: 36px !important; } #body .appflowy-scroll-container [data-block-type="simple_column"] > div { height: 100%; } #body .appflowy-scroll-container [data-block-type="simple_column"] > div > [data-block-type="callout"] { flex: 1; } #body .appflowy-scroll-container [data-block-type="simple_column"] > div > [data-block-type="callout"] > div { flex: 1; }