mirror of
https://github.com/amatya-aditya/advanced-multi-column.git
synced 2026-07-22 06:13:08 +00:00
87fd5f3309
- fix: plugin failed to load on Obsidian 1.13.0 (harden runtime stylesheet setup against missing activeDocument / constructed-sheet errors with a <style> fallback) - fix(css): cut !important from 260 to 28 via specificity, eliminate all :has (16) and the multicolumn column-gap warnings; replace :has rules with JS-tagged classes (amc-link-line, columns-suggest-with-icon) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
1 line
44 KiB
CSS
1 line
44 KiB
CSS
:root{--obsidian-columns-gap: 20px;--obsidian-columns-padding: 0 20px;--obsidian-columns-min-width: 100px;--obsidian-columns-def-span: 1}.markdown-preview-view.amc-reading-columns-active>.markdown-preview-sizer>.amc-rv-hidden{display:none}.markdown-preview-view.amc-reading-columns-active>.markdown-preview-sizer{min-height:0!important;height:auto!important;padding-bottom:0!important}.markdown-preview-view>.amc-reading-columns-host{display:none}.markdown-preview-view.amc-reading-columns-active>.amc-reading-columns-host{display:block;width:100%;box-sizing:border-box}.markdown-preview-view.amc-reading-columns-active>.mod-footer{width:100%;box-sizing:border-box}.markdown-preview-view.amc-reading-columns-active.is-readable-line-width>.amc-reading-columns-host,.markdown-preview-view.amc-reading-columns-active.is-readable-line-width>.mod-footer{max-width:var(--file-line-width);margin:0 auto}.markdown-preview-view.amc-reading-columns-active>.amc-reading-columns-host>.columns-rv-wrapper{display:block;width:100%}.columns-container{--columns-block-default-border-width: 1px;--columns-block-default-border-color: var(--background-modifier-border);display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;width:100%;margin:12px 0;border-radius:8px;padding:4px;background:var(--background-primary);position:relative;box-sizing:border-box}.columns-container.columns-resizing{cursor:col-resize}.columns-container.columns-nested{margin:8px 0;min-height:0;padding:3px}.columns-container.columns-nested .column-item{min-height:32px;padding:8px 10px}.columns-container.columns-nested .column-toolbar{opacity:1;display:flex;pointer-events:none}.columns-container.columns-nested :is(.column-drag-handle,.column-add-btn,.column-remove-btn){opacity:0;pointer-events:none;transition:opacity .15s ease}.columns-container.columns-nested .column-item:hover :is(.column-drag-handle,.column-add-btn,.column-remove-btn),.columns-container.columns-nested .column-item.is-editing :is(.column-drag-handle,.column-add-btn,.column-remove-btn){opacity:1;pointer-events:auto}.columns-container .column-item{position:relative;flex:1 1 0%;min-width:0;padding:10px 14px;border:1px solid transparent;border-radius:6px;transition:border-color .15s ease,background-color .15s ease;box-sizing:border-box;overflow:visible}.columns-container .column-item:hover{border-color:var(--background-modifier-border);background:var(--columns-col-bg, transparent)}.columns-container .column-item.is-editing,.columns-container .column-item.is-editing:hover{border-color:transparent;background:var(--columns-col-bg, transparent)}.columns-container .column-item.columns-custom-style{background:var(--columns-col-bg, transparent);color:var(--columns-col-text, inherit);border-style:solid;border-color:var(--columns-col-border-color, transparent);border-width:var(--columns-col-border-width, 0px);border-top-width:var( --columns-col-horizontal-width, var(--columns-col-border-width, 0px) );border-bottom-width:var( --columns-col-horizontal-width, var(--columns-col-border-width, 0px) )}.columns-container .column-item.columns-custom-style[style*=--columns-col-text] :is(a,a.internal-link,a.external-link,a.tag,.cm-link,.cm-hmd-internal-link){color:inherit}.columns-container .column-item.columns-custom-style:hover,.columns-container .column-item.columns-custom-style.is-editing{background:var(--columns-col-bg, transparent);border-color:var(--columns-col-border-color, transparent)}.columns-container.columns-custom-style{background:var(--columns-block-bg, var(--background-primary));color:var(--columns-block-text, inherit);border-style:solid;border-color:var( --columns-block-border-color, var(--columns-block-default-border-color) );border-width:var( --columns-block-border-width, var(--columns-block-default-border-width) );border-top-width:var( --columns-block-horizontal-width, var( --columns-block-border-width, var(--columns-block-default-border-width) ) );border-bottom-width:var( --columns-block-horizontal-width, var( --columns-block-border-width, var(--columns-block-default-border-width) ) )}.columns-container .column-header{display:flex;align-items:center;gap:6px;padding:6px 10px;margin:-10px -14px 6px;border-radius:4px 4px 0 0;-webkit-user-select:none;user-select:none;line-height:1.4}.columns-container .column-item.columns-left-border>.column-header{border-radius:0 4px 0 0}.columns-container .column-header-icon{display:inline-flex;align-items:center;flex-shrink:0}.columns-container .column-header-icon .svg-icon{width:16px;height:16px}.columns-container .column-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.columns-container .column-item.columns-left-border{border-top:none;border-right:none;border-bottom:none;border-left:3px solid var(--columns-left-border-color, var(--columns-col-border-color, var(--interactive-accent)));border-radius:0 6px 6px 0}.columns-container .column-toolbar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:absolute;top:2px;right:2px;opacity:0;transition:opacity .15s ease;z-index:5;pointer-events:none}.columns-container .column-toolbar-actions{display:flex;flex-direction:column;align-items:center;gap:0px}.columns-container .column-item:hover .column-toolbar,.columns-container .column-item.is-editing .column-toolbar{opacity:1;pointer-events:auto}.columns-container .column-drag-handle{cursor:grab;color:var(--text-faint);padding:2px 4px;border-radius:3px;line-height:1;border:none;background:none;height:20px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease}.columns-container .column-drag-handle .svg-icon{width:14px;height:14px}.columns-container .column-drag-handle:hover{color:var(--interactive-accent);background:var(--background-modifier-hover)}.columns-container .column-drag-handle:active{cursor:grabbing;color:var(--interactive-accent)}.columns-container .column-add-btn{cursor:pointer;color:var(--text-faint);padding:2px 4px;border-radius:3px;line-height:1;border:none;background:none;height:20px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}.columns-container .column-add-btn .svg-icon{width:14px;height:14px}.columns-container .column-add-btn:hover{color:var(--text-normal);background:var(--background-modifier-hover)}.columns-container .column-preview{cursor:text;-webkit-user-select:text;user-select:text;display:flow-root}.columns-container .column-preview>*:first-child{margin-top:0}.columns-container .column-preview>*:last-child{margin-bottom:0}.columns-container .column-item .column-preview.markdown-rendered p,.columns-container .column-item .column-preview.markdown-rendered h1,.columns-container .column-item .column-preview.markdown-rendered h2,.columns-container .column-item .column-preview.markdown-rendered h3,.columns-container .column-item .column-preview.markdown-rendered h4,.columns-container .column-item .column-preview.markdown-rendered h5,.columns-container .column-item .column-preview.markdown-rendered h6,.columns-container .column-item .column-preview.markdown-rendered div,.columns-container .column-item .column-preview.markdown-rendered blockquote,.columns-container .column-item .column-preview.markdown-rendered hr,.columns-container .column-item .column-preview.markdown-rendered table,.columns-container .column-item .column-preview.markdown-rendered pre{margin:0}.columns-container .column-item .column-preview.markdown-rendered ul,.columns-container .column-item .column-preview.markdown-rendered ol{margin:0;padding:0 0 0 1.5em;list-style-position:outside}.columns-container .column-item .column-preview.markdown-rendered ul{list-style-type:disc}.columns-container .column-item .column-preview.markdown-rendered li{margin:0;padding:0}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview){--list-spacing: .2rem;--p-spacing: .35rem;--heading-spacing: .2rem;--line-height-tight: 1.18;line-height:1.24;white-space:normal}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview)>:first-child{margin-top:0}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview)>:last-child{margin-bottom:0}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) :is(h1,h2,h3,h4,h5,h6){margin-top:.35rem;margin-bottom:.2rem}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) :is(p,blockquote,pre,table,hr){margin-top:.2rem;margin-bottom:.2rem;line-height:1.4}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) :is(blockquote){display:flex}.columns-container :is(.column-preview,.column-inline-edit-preview) .markdown-rendered .table-wrapper{max-width:100%;overflow-x:auto}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid var(--background-modifier-border)}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) :is(th,td){border:1px solid var(--background-modifier-border);padding:.28rem .6rem}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) :is(ul,ol){margin-top:.08rem;margin-bottom:.08rem;margin-block-start:.08rem;margin-block-end:.08rem;padding-inline-start:2em;display:block;white-space:normal}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) li{margin-top:.25em;margin-bottom:.25em;margin-block-start:.25em;margin-block-end:.25em;padding:0;white-space:normal;line-height:1.4em}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) li.amc-list-gap{margin-top:1.5em;margin-block-start:1.5em}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview)>.amc-block-gap{margin-top:1em;margin-block-start:1em}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) ul>li.task-list-item{list-style:none}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) :is(ul,ol) :is(ul,ol){margin-top:0;margin-bottom:0;margin-block-start:0;margin-block-end:0;padding-inline-start:1.15em}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li:last-child>:is(ul,ol){margin-bottom:0}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li>:is(ul,ol)+p.amc-link-line,.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li>:is(ul,ol)+p.amc-link-line~p.amc-link-line{margin-inline-start:-1.25em;padding-inline-start:0}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered p.amc-link-line{margin-block-start:0;margin-block-end:0;line-height:1.2rem}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered :is(ul,ol).contains-task-list{margin-top:.04rem;margin-bottom:.04rem;padding-inline-start:.1em;display:block}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li.task-list-item{list-style:none;display:grid;grid-template-columns:auto 1fr;gap:.02rem .35em;align-items:start;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;min-height:0}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered ul>li.task-list-item{line-height:1.18rem}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li.task-list-item::marker{content:""}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li.task-list-item>input[type=checkbox],.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li.task-list-item>.task-list-item-checkbox{grid-column:1;grid-row:1;margin:.12em 0 0}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li.task-list-item>:is(p,div,label,span){grid-column:2;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;line-height:1.18rem}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li.task-list-item>:is(ul,ol){grid-column:2;margin-top:.04rem;margin-bottom:0;padding-inline-start:1.15em}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered li.task-list-item :is(p,div,label,span){margin-block-start:0;margin-block-end:0}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) :is(.el-p,.el-h1,.el-h2,.el-h3,.el-h4,.el-h5,.el-h6,.el-blockquote,.el-pre,.el-table,.el-hr){margin-top:.1rem;margin-bottom:.1rem;line-height:1.24rem}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) :is(.el-ul,.el-ol,.el-li){margin-top:0;margin-bottom:0;line-height:inherit}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) :is(.el-h1,.el-h2,.el-h3,.el-h4,.el-h5,.el-h6){margin-top:.35rem;margin-bottom:.2rem;line-height:normal}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered :is(h1,h2,h3,h4,h5,h6){margin-block-start:.35rem;margin-block-end:.2rem;line-height:1.2;overflow-wrap:anywhere}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered :is(p,blockquote,pre,table,hr){margin-block-start:.08rem;margin-block-end:.08rem;line-height:1.24rem}.columns-container.columns-ui:not(.columns-reading) :is(.column-preview,.column-inline-edit-preview) .markdown-rendered :is(blockquote){display:flex}.columns-container .column-item.is-editing .column-preview{display:none}.columns-container .column-editor{display:none;width:100%;min-height:60px;height:var(--column-editor-height, auto);border:none;padding:4px 0;font-family:var(--font-monospace);font-size:var(--font-text-size);line-height:var(--line-height-normal);background:transparent;color:var(--text-normal);resize:none;outline:none;box-shadow:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;overflow:hidden}.columns-container .column-item.is-editing .column-editor{display:block}.columns-container .column-editor:focus,.columns-container .column-editor:focus-visible{box-shadow:none;outline:none}.columns-container .column-inline-edit-block{margin:0 0 8px}.columns-container .column-inline-edit-block:last-child{margin-bottom:0}.columns-container .column-inline-edit-preview{min-height:18px;cursor:text;-webkit-user-select:text;user-select:text;display:flow-root}.columns-container .column-inline-edit-preview>*:first-child{margin-top:0}.columns-container .column-inline-edit-preview>*:last-child{margin-bottom:0}.columns-container .column-inline-editor{display:none;width:100%;min-height:60px;height:var(--column-editor-height, auto);border:none;padding:4px 0;font-family:var(--font-monospace);font-size:var(--font-text-size);line-height:var(--line-height-normal);background:transparent;color:var(--text-normal);resize:none;outline:none;box-shadow:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;overflow:hidden}.columns-container .column-inline-editor:focus,.columns-container .column-inline-editor:focus-visible{box-shadow:none;outline:none}.columns-container .column-inline-edit-block.is-editing .column-inline-edit-preview{display:none}.columns-container .column-inline-edit-block.is-editing .column-inline-editor{display:block}.columns-container .column-resize-handle{width:10px;flex:0 0 10px;cursor:col-resize;position:relative;background:transparent;margin:0 -1px;z-index:2}.columns-container .column-resize-handle.has-separator:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:8px;bottom:8px;width:0;border-left:var(--sep-width, 1px) var(--sep-style, solid) var(--sep-color, var(--background-modifier-border));pointer-events:none}.columns-container .column-resize-handle.has-separator-custom:before{content:attr(data-sep-char);border:none;width:auto;writing-mode:vertical-rl;text-orientation:mixed;color:var(--sep-color, var(--text-faint));font-size:calc(var(--sep-width, 1px) * 6 + 6px);line-height:1rem;letter-spacing:.15em;opacity:.7;overflow:hidden;-webkit-user-select:none;user-select:none}.columns-container .column-resize-handle:after{content:"";position:absolute;left:4px;top:15%;bottom:15%;width:2px;background:var(--interactive-accent);opacity:0;border-radius:1px;transition:opacity .15s ease}.columns-container .column-resize-handle:hover:after,.columns-container .column-resize-handle.is-active:after{opacity:.6}.columns-container .column-resize-handle.is-active.has-separator:before{opacity:0}.columns-container .column-dragging{opacity:.35;border:1px dashed var(--text-faint)}.columns-container .column-drag-over{position:relative}.columns-container .column-drag-over:before{content:"";position:absolute;top:4px;bottom:4px;width:3px;border-radius:2px;background:var(--interactive-accent);z-index:10;pointer-events:none}.columns-container .column-drop-before:before{left:-7px}.columns-container .column-drop-after:before{right:-7px}.amc-cursor-drop-indicator{position:absolute;height:3px;background:var(--interactive-accent);border-radius:2px;pointer-events:none;z-index:100;opacity:.85;box-shadow:0 0 6px color-mix(in srgb,var(--interactive-accent) 50%,transparent)}.columns-container.columns-reading{--columns-block-default-border-width: 0px;border:none;padding:0;overflow:visible}.columns-container.columns-reading .column-item{border:none;overflow-x:auto;min-width:0;margin:0 4px}.columns-container.columns-reading .column-header{margin:0 0 6px;border-radius:4px 4px 0 0}.columns-container.columns-reading .column-item:hover{border:none;background:var(--background-modifier-active-hover)}.columns-container.columns-reading .column-toolbar{display:none}.columns-container.columns-stacked{flex-direction:column!important}.columns-container.columns-stacked>.column-item{flex:none!important;width:100%}.columns-container.columns-stacked>.column-resize-handle{display:none!important}.columns-container.columns-stacked>.column-separator-visual{width:100%;flex:0 0 auto;border-left:none;border-top:var(--sep-width, 1px) var(--sep-style, solid) var(--sep-color, var(--background-modifier-border));margin:2px 8px}.columns-container.columns-stacked>.column-separator-custom{writing-mode:horizontal-tb;text-orientation:initial;width:100%;margin:2px 8px}.columns-container.columns-stacked .column-drop-before:before{inset:-7px 4px auto;width:auto;height:3px}.columns-container.columns-stacked .column-drop-after:before{inset:auto 4px -7px;width:auto;height:3px}.columns-container .columns-stack-group{display:flex!important;flex-direction:column!important;flex:1 1 0%;min-width:0;align-items:stretch;gap:4px;padding:0 4px}.columns-container .columns-stack-group>.column-item{flex:none!important;width:100%}.columns-container .columns-stack-group>.column-resize-handle{display:none!important}.columns-container .columns-stack-group>.column-separator-visual{width:100%;flex:0 0 auto;border-left:none;border-top:var(--sep-width, 1px) var(--sep-style, solid) var(--sep-color, var(--background-modifier-border));margin:2px 8px}.columns-container .columns-stack-group>.column-separator-custom{writing-mode:horizontal-tb;text-orientation:initial;width:100%;margin:2px 8px}.columns-container .columns-stack-group .column-drop-before:before{inset:-7px 4px auto;width:auto;height:3px}.columns-container .columns-stack-group .column-drop-after:before{inset:auto 4px -7px;width:auto;height:3px}.columns-container .column-item.column-selected{outline:2px solid var(--interactive-accent);outline-offset:-2px}.columns-container .column-separator-visual{width:0;flex:0 0 var(--sep-width, 1px);background:none;border-left:var(--sep-width, 1px) var(--sep-style, solid) var(--sep-color, var(--background-modifier-border));margin:8px 2px}.columns-container .column-separator-custom{flex:0 0 auto;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;color:var(--sep-color, var(--text-faint));font-size:var(--sep-size, 12px);line-height:1rem;margin:4px 2px;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.15em;opacity:.7}.columns-container .column-empty-placeholder{color:var(--text-faint);font-style:italic;padding:8px 0;font-size:var(--font-smallest)}.columns-cursor-mirror{position:absolute;visibility:hidden;white-space:pre-wrap;overflow-wrap:break-word;overflow:hidden;height:auto;width:var(--mirror-width, auto)}.columns-suggest-popup{position:fixed;min-width:220px;max-width:450px;max-height:340px;overflow-y:auto;background:var(--background-secondary);border:1px solid var(--background-modifier-border);border-radius:8px;box-shadow:var(--shadow-s);padding:4px 0;z-index:1000}.columns-suggest-item{display:flex;flex-direction:row;padding:5px 10px;cursor:pointer;gap:.5rem}.columns-suggest-item:hover,.columns-suggest-item.is-selected{background:var(--background-modifier-hover);border-radius:4px}.columns-suggest-title{font-size:var(--font-text-size);color:var(--text-normal);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.columns-suggest-path{font-size:var(--font-smallest);color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.columns-suggest-icon{flex-shrink:0;width:18px;height:18px;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.columns-suggest-icon svg{width:16px;height:16px}.columns-suggest-text{display:flex;flex-direction:column;gap:1px;overflow:hidden}.columns-suggest-item.columns-suggest-with-icon{flex-direction:row;align-items:center;gap:8px}div[data-callout=col].callout,div[data-callout^=col-md].callout{background-color:#0000;padding:0;border-style:none}.columnParent,div[data-callout=col].callout>div.callout-content{display:flex;padding:var(--obsidian-columns-padding);flex-wrap:nowrap;gap:var(--obsidian-columns-gap);white-space:normal;overflow-x:auto}div[data-callout=col].callout>div.callout-title,div[data-callout^=col-md].callout>div.callout-title{display:none}.cm-preview-code-block .admonition-content .columnParent p{white-space:pre-wrap}.columnChild,div[data-callout=col].callout>div.callout-content>*{flex-grow:var(--obsidian-columns-def-span);flex-basis:calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-def-span));width:calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-def-span))}div[data-callout=col].callout>div.callout-content>div[data-callout^=col-md].callout{flex-grow:var(--obsidian-columns-custom-span);flex-basis:calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-custom-span));width:calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-custom-span));margin:0;background-color:#0000;padding:0;border-style:none}div[data-callout=col].callout>div.callout-content>div[data-callout$="-0.5"].callout{--obsidian-columns-custom-span: .5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-1"].callout,div[data-callout=col].callout>div.callout-content>div[data-callout=col-md].callout{--obsidian-columns-custom-span: 1}div[data-callout=col].callout>div.callout-content>div[data-callout$="-1.5"].callout{--obsidian-columns-custom-span: 1.5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-2"].callout{--obsidian-columns-custom-span: 2}div[data-callout=col].callout>div.callout-content>div[data-callout$="-2.5"].callout{--obsidian-columns-custom-span: 2.5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-3"].callout{--obsidian-columns-custom-span: 3}div[data-callout=col].callout>div.callout-content>div[data-callout$="-3.5"].callout{--obsidian-columns-custom-span: 3.5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-4"].callout{--obsidian-columns-custom-span: 4}div[data-callout=col].callout>div.callout-content>div[data-callout$="-4.5"].callout{--obsidian-columns-custom-span: 4.5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-5"].callout{--obsidian-columns-custom-span: 5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-5.5"].callout{--obsidian-columns-custom-span: 5.5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-6"].callout{--obsidian-columns-custom-span: 6}div[data-callout=col].callout>div.callout-content>div[data-callout$="-6.5"].callout{--obsidian-columns-custom-span: 6.5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-7"].callout{--obsidian-columns-custom-span: 7}div[data-callout=col].callout>div.callout-content>div[data-callout$="-7.5"].callout{--obsidian-columns-custom-span: 7.5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-8"].callout{--obsidian-columns-custom-span: 8}div[data-callout=col].callout>div.callout-content>div[data-callout$="-8.5"].callout{--obsidian-columns-custom-span: 8.5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-9"].callout{--obsidian-columns-custom-span: 9}div[data-callout=col].callout>div.callout-content>div[data-callout$="-9.5"].callout{--obsidian-columns-custom-span: 9.5}div[data-callout=col].callout>div.callout-content>div[data-callout$="-10"].callout{--obsidian-columns-custom-span: 10}div[data-callout=col].cm-callout,div[data-callout^=col-md].cm-callout,div[data-callout=col].cm-embed-block,div[data-callout^=col-md].cm-embed-block{background-color:#0000;padding:0;border-style:none}div[data-callout=col].cm-callout>div.callout-content,div[data-callout=col].cm-callout>div.cm-callout-content,div[data-callout=col].cm-embed-block>div.callout-content,div[data-callout=col].cm-embed-block>div.cm-callout-content{display:flex;padding:var(--obsidian-columns-padding);flex-wrap:nowrap;gap:var(--obsidian-columns-gap);white-space:normal;overflow-x:auto}div[data-callout=col].cm-callout>div.callout-title,div[data-callout=col].cm-callout>div.cm-callout-title,div[data-callout^=col-md].cm-callout>div.callout-title,div[data-callout^=col-md].cm-callout>div.cm-callout-title,div[data-callout=col].cm-embed-block>div.callout-title,div[data-callout=col].cm-embed-block>div.cm-callout-title,div[data-callout^=col-md].cm-embed-block>div.callout-title,div[data-callout^=col-md].cm-embed-block>div.cm-callout-title{display:none}div[data-callout=col].cm-callout>div.callout-content>*,div[data-callout=col].cm-callout>div.cm-callout-content>*,div[data-callout=col].cm-embed-block>div.callout-content>*,div[data-callout=col].cm-embed-block>div.cm-callout-content>*{flex-grow:var(--obsidian-columns-def-span);flex-basis:calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-def-span));width:calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-def-span))}div[data-callout=col].cm-callout>div.callout-content>div[data-callout^=col-md],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout^=col-md],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout^=col-md],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout^=col-md]{flex-grow:var(--obsidian-columns-custom-span);flex-basis:calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-custom-span));width:calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-custom-span));margin:0;background-color:#0000;padding:0;border-style:none}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-0.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-0.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-0.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-0.5"]{--obsidian-columns-custom-span: .5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-1"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-1"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-1"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-1"],div[data-callout=col].cm-callout>div.callout-content>div[data-callout=col-md],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout=col-md],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout=col-md],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout=col-md]{--obsidian-columns-custom-span: 1}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-1.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-1.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-1.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-1.5"]{--obsidian-columns-custom-span: 1.5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-2"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-2"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-2"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-2"]{--obsidian-columns-custom-span: 2}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-2.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-2.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-2.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-2.5"]{--obsidian-columns-custom-span: 2.5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-3"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-3"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-3"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-3"]{--obsidian-columns-custom-span: 3}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-3.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-3.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-3.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-3.5"]{--obsidian-columns-custom-span: 3.5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-4"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-4"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-4"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-4"]{--obsidian-columns-custom-span: 4}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-4.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-4.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-4.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-4.5"]{--obsidian-columns-custom-span: 4.5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-5"]{--obsidian-columns-custom-span: 5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-5.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-5.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-5.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-5.5"]{--obsidian-columns-custom-span: 5.5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-6"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-6"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-6"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-6"]{--obsidian-columns-custom-span: 6}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-6.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-6.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-6.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-6.5"]{--obsidian-columns-custom-span: 6.5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-7"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-7"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-7"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-7"]{--obsidian-columns-custom-span: 7}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-7.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-7.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-7.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-7.5"]{--obsidian-columns-custom-span: 7.5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-8"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-8"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-8"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-8"]{--obsidian-columns-custom-span: 8}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-8.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-8.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-8.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-8.5"]{--obsidian-columns-custom-span: 8.5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-9"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-9"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-9"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-9"]{--obsidian-columns-custom-span: 9}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-9.5"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-9.5"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-9.5"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-9.5"]{--obsidian-columns-custom-span: 9.5}div[data-callout=col].cm-callout>div.callout-content>div[data-callout$="-10"],div[data-callout=col].cm-callout>div.cm-callout-content>div[data-callout$="-10"],div[data-callout=col].cm-embed-block>div.callout-content>div[data-callout$="-10"],div[data-callout=col].cm-embed-block>div.cm-callout-content>div[data-callout$="-10"]{--obsidian-columns-custom-span: 10}.columns-settings-root .columns-settings-tab-bar{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--background-modifier-border)}.columns-settings-root .columns-settings-tab-btn{border:1px solid var(--background-modifier-border);background:var(--background-secondary);color:var(--text-muted);border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600;line-height:1;cursor:pointer}.columns-settings-root .columns-settings-tab-btn:hover{background:var(--background-modifier-hover);color:var(--text-normal)}.columns-settings-root .columns-settings-tab-btn.is-active{border-color:var(--interactive-accent);background:var(--interactive-accent);color:var(--text-on-accent)}.columns-settings-root .columns-settings-panel{display:none}.columns-settings-root .columns-settings-panel.is-active{display:block}.columns-settings-root .columns-settings-section-title{margin:20px 0 8px;font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.columns-settings-root .columns-settings-section-title:first-child{margin-top:0}.columns-settings-root .setting-item{border:1px solid var(--background-modifier-border);background:var(--background-primary-alt);border-radius:10px;padding:10px 12px;margin-bottom:8px}.columns-settings-root .setting-item-control .slider{width:130px}.columns-settings-root .columns-settings-number-input{width:64px;text-align:center}.columns-settings-about{display:flex;flex-direction:column;gap:20px}.columns-settings-about-info{text-align:center;padding:16px 0 8px}.columns-settings-about-name{font-size:1.1rem;font-weight:700;color:var(--text-normal)}.columns-settings-about-version{font-size:.82rem;color:var(--text-muted);margin-top:2px}.columns-settings-about-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.columns-settings-about-link{display:inline-block;padding:5px 12px;font-size:.82rem;font-weight:500;color:var(--text-muted);border:1px solid var(--background-modifier-border);border-radius:6px;text-decoration:none;transition:color .15s ease,border-color .15s ease}.columns-settings-about-link:hover{color:var(--text-normal);border-color:var(--interactive-accent);text-decoration:none}.columns-settings-about-support,.columns-settings-about-others{text-align:center}.columns-settings-about-support-label{font-size:.8rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.columns-header-types-list{display:flex;flex-direction:column;gap:12px}.columns-header-type-row{border:1px solid var(--background-modifier-border);border-radius:10px;overflow:hidden;display:grid;align-items:stretch}.columns-header-type-preview{display:flex;align-items:center;gap:6px;padding:6px 10px;line-height:1.4;height:100%}.columns-header-type-preview-icon{display:inline-flex;align-items:center;flex-shrink:0}.columns-header-type-preview-icon .svg-icon{width:16px;height:16px}.columns-header-type-preview-id{font-weight:inherit}.columns-header-type-preview-badge{margin-left:auto;font-size:.72em;font-weight:500;opacity:.6;text-transform:uppercase;letter-spacing:.04em}.columns-header-type-delete-btn{display:inline-flex;align-items:center;cursor:pointer;opacity:.5;margin-left:6px;color:var(--text-error)}.columns-header-type-delete-btn:hover{opacity:1}.columns-header-type-delete-btn .svg-icon{width:14px;height:14px}.columns-header-type-controls{padding:8px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}.columns-header-type-controls .setting-item.columns-header-type-setting{border:none;background:none;border-radius:0;padding:6px 0;margin-bottom:0;min-width:0}.columns-header-type-controls .setting-item.columns-header-type-setting .setting-item-info,.columns-header-type-controls .setting-item.columns-header-type-setting .setting-item-control{min-width:0}.columns-header-type-controls .columns-settings-number-input{width:96px;text-align:left}@media (max-width: 900px){.columns-header-type-row{grid-template-columns:1fr}}.columns-icon-suggest-item{display:flex;align-items:center;gap:8px;padding:2px 0}.columns-icon-suggest-icon{display:inline-flex;align-items:center;flex-shrink:0}.columns-icon-suggest-icon .svg-icon{width:16px;height:16px}.columns-style-popover{position:fixed;z-index:2100;min-width:280px;max-width:320px;max-height:min(78vh,640px);padding:8px;border-radius:10px;border:1px solid var(--background-modifier-border);background:var(--background-primary);box-shadow:var(--shadow-s);display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.columns-style-popover-section{padding:4px 8px 2px;font-size:var(--font-ui-smaller);color:var(--text-muted)}.columns-style-popover-section-inline{display:flex;align-items:center;justify-content:space-between;gap:8px}.columns-style-popover-section-inline .columns-style-popover-section{padding-right:0}.columns-style-popover-mini-btn{height:22px;padding:0 8px;border-radius:6px;border:1px solid var(--background-modifier-border);background:var(--background-secondary);color:var(--text-normal);font-size:var(--font-ui-smaller);cursor:pointer}.columns-style-popover-mini-btn:hover{background:var(--background-modifier-hover)}.columns-style-popover-divider{height:1px;margin:4px 2px;background:var(--background-modifier-border)}.columns-style-popover-row{width:100%;background:transparent;border-radius:6px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-normal);cursor:pointer;text-align:left;font-size:var(--font-ui-small)}.columns-style-popover-row:hover{background:var(--background-modifier-hover)}.columns-style-popover-checkbox{width:25px;height:25px;border:1px solid var(--background-modifier-border);border-radius:4px;background:var(--background-secondary);display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;padding:0 0 2px}.columns-style-popover-checkbox-mark{opacity:0;font-size:13px;line-height:1;color:var(--text-normal)}.columns-style-popover-row.is-checked .columns-style-popover-checkbox{border-color:var(--interactive-accent);background:var(--interactive-accent)}.columns-style-popover-row.is-checked .columns-style-popover-checkbox-mark{opacity:1;color:var(--text-on-accent)}.columns-style-popover-row-label{flex:1 1 auto}.columns-style-popover-inline-buttons{display:flex;align-items:center;gap:8px;padding:4px 8px}.columns-style-popover-inline-btn{flex:1 1 0%;min-height:28px;padding:4px 8px;border-radius:6px;border:1px solid var(--background-modifier-border);background:var(--background-secondary);color:var(--text-normal);font-size:var(--font-ui-small);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.columns-style-popover-inline-btn .svg-icon{width:16px;height:16px}.columns-style-popover-inline-btn:hover{background:var(--background-modifier-hover)}.columns-style-popover-inline-btn-danger{color:var(--text-error);border-color:var(--text-error)}.columns-style-popover-inline-btn-danger:hover{background:var(--text-error);color:var(--text-on-accent)}.columns-style-popover-select-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:6px}.columns-style-popover-select-row:hover{background:var(--background-modifier-hover)}.columns-style-popover-select-label{font-size:var(--font-ui-small);color:var(--text-normal)}.columns-style-popover-select{min-width:124px;max-width:156px;height:28px}.columns-style-popover-collapsible{display:flex;flex-direction:column;gap:2px}.columns-style-popover-collapsible-header{display:flex;align-items:center;gap:6px;padding:4px 8px 2px;cursor:pointer;border-radius:6px}.columns-style-popover-collapsible-header:hover{background:var(--background-modifier-hover)}.columns-style-popover-chevron{font-size:8px;color:var(--text-faint);flex:0 0 10px;text-align:center}.columns-style-popover-collapsible-label{flex:1 1 auto;font-size:var(--font-ui-smaller);color:var(--text-muted);font-weight:500}.columns-style-popover-collapsible-header .columns-style-popover-mini-btn{flex:0 0 auto}.columns-style-popover-collapsible-body{display:flex;flex-direction:column;gap:2px;padding-left:4px}.columns-style-popover-collapsible-body.is-collapsed{display:none}.columns-style-popover-inline-toggle-select{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px}.columns-style-popover-inline-toggle-select:hover{background:var(--background-modifier-hover)}.columns-style-popover-inline-toggle-select .columns-style-popover-select-label{flex:1 1 auto}.columns-style-popover-inline-toggle-select .columns-style-popover-checkbox{cursor:pointer}.columns-style-popover-inline-toggle-select .columns-style-popover-checkbox.is-checked{border-color:var(--interactive-accent);background:var(--interactive-accent)}.columns-style-popover-inline-toggle-select .columns-style-popover-checkbox.is-checked .columns-style-popover-checkbox-mark{opacity:1;color:var(--text-on-accent)}.columns-style-popover-inline-toggle-select .columns-style-popover-select{min-width:100px;max-width:120px}.columns-style-popover-compact-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px}.columns-style-popover-compact-row:hover{background:var(--background-modifier-hover)}.columns-style-popover-compact-row .columns-style-popover-select-label{flex:0 0 auto}.columns-style-popover-compact-selects{display:flex;align-items:center;gap:4px;flex:1 1 auto;justify-content:flex-end}.columns-style-popover-compact-select{height:28px;min-width:0;flex:1 1 0%;max-width:80px;font-size:var(--font-ui-smaller)}.columns-style-popover-text-input{min-width:60px;max-width:80px;height:28px;padding:2px 8px;border-radius:6px;border:1px solid var(--background-modifier-border);background:var(--background-secondary);color:var(--text-normal);font-size:var(--font-ui-small);text-align:center}
|