mirror of
https://github.com/pcoletsos/obsidian-dynamic-wide-content.git
synced 2026-07-22 07:45:47 +00:00
67 lines
4 KiB
CSS
67 lines
4 KiB
CSS
body.dynamic-wide-content {
|
|
--dynamic-wide-content-max: min(
|
|
var(--dynamic-wide-content-max-width, 1600px),
|
|
calc(100vw - var(--dynamic-wide-content-viewport-margin, 64px))
|
|
);
|
|
}
|
|
|
|
body.dynamic-wide-content .dynamic-wide-content-overflow-visible {
|
|
overflow: visible;
|
|
}
|
|
|
|
body.dynamic-wide-content.dynamic-wide-content-reading.dynamic-wide-content-tables .markdown-rendered .dynamic-wide-content-table-block,
|
|
body.dynamic-wide-content.dynamic-wide-content-reading.dynamic-wide-content-code .markdown-rendered .dynamic-wide-content-code-block,
|
|
body.dynamic-wide-content.dynamic-wide-content-reading.dynamic-wide-content-diagrams .markdown-rendered .dynamic-wide-content-diagram-block,
|
|
body.dynamic-wide-content.dynamic-wide-content-reading.dynamic-wide-content-images .markdown-rendered .dynamic-wide-content-image-block,
|
|
body.dynamic-wide-content.dynamic-wide-content-live-preview.dynamic-wide-content-tables .markdown-source-view.mod-cm6 .dynamic-wide-content-table-block,
|
|
body.dynamic-wide-content.dynamic-wide-content-live-preview.dynamic-wide-content-code .markdown-source-view.mod-cm6 .dynamic-wide-content-code-block,
|
|
body.dynamic-wide-content.dynamic-wide-content-live-preview.dynamic-wide-content-diagrams .markdown-source-view.mod-cm6 .dynamic-wide-content-diagram-block,
|
|
body.dynamic-wide-content.dynamic-wide-content-live-preview.dynamic-wide-content-images .markdown-source-view.mod-cm6 .dynamic-wide-content-image-block {
|
|
position: relative;
|
|
left: 50%;
|
|
width: max-content;
|
|
max-width: var(--dynamic-wide-content-max);
|
|
margin-top: 0.75em;
|
|
margin-bottom: 0.75em;
|
|
overflow-x: auto;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
body.dynamic-wide-content.dynamic-wide-content-tables .markdown-rendered .dynamic-wide-content-table-inner,
|
|
body.dynamic-wide-content.dynamic-wide-content-code .markdown-rendered .dynamic-wide-content-code-inner,
|
|
body.dynamic-wide-content.dynamic-wide-content-diagrams .markdown-rendered .dynamic-wide-content-diagram-inner,
|
|
body.dynamic-wide-content.dynamic-wide-content-images .markdown-rendered .dynamic-wide-content-image-inner,
|
|
body.dynamic-wide-content.dynamic-wide-content-tables .markdown-source-view.mod-cm6 .dynamic-wide-content-table-inner,
|
|
body.dynamic-wide-content.dynamic-wide-content-code .markdown-source-view.mod-cm6 .dynamic-wide-content-code-inner,
|
|
body.dynamic-wide-content.dynamic-wide-content-diagrams .markdown-source-view.mod-cm6 .dynamic-wide-content-diagram-inner,
|
|
body.dynamic-wide-content.dynamic-wide-content-images .markdown-source-view.mod-cm6 .dynamic-wide-content-image-inner {
|
|
max-width: 100%;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
body.dynamic-wide-content.dynamic-wide-content-tables .markdown-rendered table.dynamic-wide-content-table,
|
|
body.dynamic-wide-content.dynamic-wide-content-tables .markdown-source-view.mod-cm6 table.dynamic-wide-content-table {
|
|
display: table;
|
|
width: max-content;
|
|
min-width: 100%;
|
|
max-width: none;
|
|
}
|
|
|
|
body.dynamic-wide-content.dynamic-wide-content-tables.dynamic-wide-content-nowrap-tables .markdown-rendered table.dynamic-wide-content-table th,
|
|
body.dynamic-wide-content.dynamic-wide-content-tables.dynamic-wide-content-nowrap-tables .markdown-rendered table.dynamic-wide-content-table td,
|
|
body.dynamic-wide-content.dynamic-wide-content-tables.dynamic-wide-content-nowrap-tables .markdown-source-view.mod-cm6 table.dynamic-wide-content-table th,
|
|
body.dynamic-wide-content.dynamic-wide-content-tables.dynamic-wide-content-nowrap-tables .markdown-source-view.mod-cm6 table.dynamic-wide-content-table td {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
body.dynamic-wide-content.dynamic-wide-content-code .markdown-rendered pre.dynamic-wide-content-code-inner > code,
|
|
body.dynamic-wide-content.dynamic-wide-content-code .markdown-source-view.mod-cm6 pre.dynamic-wide-content-code-inner > code {
|
|
white-space: pre;
|
|
}
|
|
|
|
body.dynamic-wide-content.dynamic-wide-content-diagrams .dynamic-wide-content-diagram-block .dynamic-wide-content-media,
|
|
body.dynamic-wide-content.dynamic-wide-content-images .dynamic-wide-content-image-block .dynamic-wide-content-media {
|
|
width: auto;
|
|
max-width: none;
|
|
height: auto;
|
|
}
|