From 78bb4d8d5c007128eea0d4020255f28bf2ea8574 Mon Sep 17 00:00:00 2001 From: jdanielmourao Date: Wed, 9 Feb 2022 21:47:01 +0000 Subject: [PATCH] v0.6.3 --- obsidian.css | 769 ++++++++++++++++++++++++++++++++++----------------- 1 file changed, 519 insertions(+), 250 deletions(-) diff --git a/obsidian.css b/obsidian.css index 8bb1bc5..cab4b3b 100644 --- a/obsidian.css +++ b/obsidian.css @@ -1,6 +1,6 @@ /* ───────────────────────────────────────────────────────────────────────── Sanctum for Obsidian.md -Version 0.6.1 +Version 0.6.3 created by @jdanielmourao (Github) Sponsor my work: @@ -452,8 +452,7 @@ SOFTWARE. .theme-light.sanctum-hearth, .theme-light.sanctum-moss, .theme-light, -.theme-light.sanctum-light, -.theme-light.gruvbox { +.theme-light.sanctum-light { --color-hover: var(--color-primary-2); --color-border-1: var(--color-primary-2); --color-border-2: var(--color-primary-3); @@ -1145,6 +1144,16 @@ body body.theme-dark button { color: var(--text-normal); text-transform: uppercase; } +.no-uppercase .markdown-preview-view h5, +.no-uppercase .cm-s-obsidian .cm-header-5, +.no-uppercase cm-s-obsidian .HyperMD-header-5 { + text-transform: none; +} +.no-uppercase .markdown-preview-view h6, +.no-uppercase .cm-s-obsidian .cm-header-6, +.no-uppercase .cm-s-obsidian .HyperMD-header-6 { + text-transform: none; +} .markdown-source-view.mod-cm5 .cm-s-obsidian .HyperMD-header { padding: 0; margin: 0; @@ -1210,85 +1219,79 @@ body body.theme-dark button { .markdown-source-view.mod-cm6.is-live-preview .cm-formatting-header { color: var(--text-faint); } -.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-1.cm-active.cm-line > span:nth-child(2)::before { +.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-1.cm-active.cm-line .cm-header.cm-header-1:last-child:after { content: "H1"; display: inline-block; color: var(--color-accent); font-size: var(--h1); font-family: var(--font-editor); - padding-right: 4px; + padding-left: 4px; } -.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-2.cm-active.cm-line > span:nth-child(2)::before { +.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-2.cm-active.cm-line .cm-header.cm-header-2:last-child:after { content: "H2"; color: var(--color-accent); font-size: var(--h2); font-family: var(--font-editor); - padding-right: 4px; + padding-left: 4px; } -.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-3.cm-active.cm-line > span:nth-child(2)::before { +.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-3.cm-active.cm-line .cm-header.cm-header-3:last-child:after { content: "H3"; color: var(--color-accent); font-size: var(--h3); font-family: var(--font-editor); - padding-right: 4px; + padding-left: 4px; } -.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-4.cm-active.cm-line > span:nth-child(2)::before { +.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-4.cm-active.cm-line .cm-header.cm-header-4:last-child:after { content: "H4"; color: var(--color-accent); font-size: var(--h4); font-family: var(--font-editor); - padding-right: 4px; + padding-left: 4px; } -.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-5.cm-active.cm-line > span:nth-child(2)::before { +.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-5.cm-active.cm-line .cm-header.cm-header-5:last-child:after { content: "H5"; color: var(--color-accent); font-size: var(--h5); font-family: var(--font-editor); - padding-right: 4px; + padding-left: 4px; } -.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-6.cm-active.cm-line > span:nth-child(2)::before { +.head-indicator-active .mod-cm6.is-live-preview .HyperMD-header-6.cm-active.cm-line .cm-header.cm-header-6:last-child:after { content: "H6"; color: var(--color-accent); font-size: var(--h6); font-family: var(--font-editor); - padding-right: 4px; + padding-left: 4px; } -body.head-indicator .mod-cm6.is-live-preview .HyperMD-header::before { +body.head-indicator .mod-cm6.is-live-preview .HyperMD-header::after { position: relative; display: inline-block; font-family: var(--font-mono); color: var(--color-accent); - right: 2px; + padding-left: 4px; } -body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-1::before { +body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-1::after { content: "H1"; font-size: 0.7rem; - bottom: calc(var(--heading-1) / 3.5); } -body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-2::before { +body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-2::after { content: "H2"; font-size: 0.7rem; - bottom: calc(var(--heading-2) / 3.5); } -body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-3::before { +body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-3::after { content: "H3"; font-size: 0.7rem; - bottom: calc(var(--heading-3) / 3.5); } -body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-4::before { +body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-4::after { content: "H4"; font-size: 0.7rem; - bottom: calc(var(--heading-4) / 3.5); } -body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-5::before { +body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-5::after { content: "H5"; font-size: 0.7rem; - bottom: calc(var(--heading-5) / 3.5); } -body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-6::before { +body.head-indicator .mod-cm6.is-live-preview .HyperMD-header-6::after { content: "H6"; font-size: 0.7rem; - bottom: calc(var(--heading-6) / 3.5); } body.head-indicator .markdown-source-view.mod-cm6.is-live-preview .HyperMD-header .cm-fold-indicator .collapse-indicator { transform: translateY(25%); @@ -1521,7 +1524,7 @@ body:not(.is-mobile) .empty-state-action-list::after { padding-top: 8px; padding-left: 12px; white-space: pre-wrap; - content: "Sanctum v0.6.2 \a Designed by @jdanielmourao 2021-2022 \a Font: IBM Plex Sans & Mono"; + content: "Sanctum v0.6.3 \a Designed by @jdanielmourao 2021-2022 \a Font: IBM Plex Sans & Mono"; font-size: var(--font-scale-000); font-family: var(--font-monospace); font-weight: var(--font-light); @@ -1588,7 +1591,7 @@ body:not(.is-mobile) .empty-state-action-list::after { } @media (min-width: 768px) { .workspace-drawer { - max-width: 300pt; + width: 300pt; } .workspace-drawer.is-pinned.mod-right, .workspace-drawer.is-pinned.mod-left { @@ -1621,15 +1624,18 @@ div.workspace-drawer.mod-left .workspace-drawer-active-tab-container { margin-left: 64px; } .workspace-drawer.mod-left .workspace-drawer-header { - padding-left: 8px; - margin-left: 64px; border-left: 1px solid var(--color-border-1); display: visible; + height: unset; + padding: 0; } -.workspace-drawer.mod-left .workspace-drawer-header .workspace-drawer-header-icon:before { - content: "Click the icon to unpin \2192"; - font-size: var(--font-scale-00); - line-height: var(--leading-0); +.workspace-drawer.mod-left .workspace-drawer-header-icon { + margin: 0; + padding: 4px 8px; +} +.workspace-drawer.mod-left .workspace-drawer-header-icon svg { + height: 16px; + width: 16px; } .workspace-drawer.mod-left .workspace-drawer-header .workspace-drawer-header-left { display: flex; @@ -1650,17 +1656,6 @@ div.workspace-drawer.mod-left .workspace-drawer-active-tab-container { margin-left: 16px; display: none; } -.workspace-drawer.mod-left:not(.workspace-drawer.is-pinned.mod-left) .workspace-drawer-header { - display: none; -} -div.workspace-drawer.is-pinned.mod-left .workspace-drawer-active-tab-header { - padding-top: 16px; -} -.workspace-drawer.is-pinned.mod-right, -.workspace-drawer.is-pinned.mod-left { - position: relative; - max-width: 400pt; -} .workspace-drawer.is-pinned.mod-right { border-left: 1px solid var(--color-border-1); } @@ -1690,7 +1685,7 @@ div.workspace-drawer.mod-left .workspace-drawer-active-tab-header { margin-bottom: 0; margin-top: 0; padding-bottom: 18px; - padding-top: 32px; + padding-top: 16px; border-bottom: 1px solid var(--color-border-1); } div.workspace-drawer.mod-left .workspace-drawer-active-tab-header .workspace-drawer-active-tab-title { @@ -1721,9 +1716,8 @@ div.workspace-drawer-active-tab-icon svg.fullscreen { } .is-mobile .nav-file-title-content, .is-mobile .nav-folder-title-content { - padding: 0px 4px 2px 4px; - line-height: 32px; - transform: translateY(-2px); + padding: 4px 0px 0px 4px; + width: 100%; color: var(--text-normal); } .is-mobile input[type=text] { @@ -2386,13 +2380,13 @@ textarea.sync-history-content { } .modal-content .community-theme-container .theme-list .community-theme.is-selected button { background-color: var(--color-accent); - color: var(--color-white); + color: var(--color-black); } .modal-content .community-theme-container .theme-list .community-theme.is-selected .community-theme-info { color: var(--text-normal); } .modal-content .community-theme-container .theme-list .community-theme.is-selected .community-theme-info::after { - content: "v0.6.2"; + content: "v0.6.3"; font-family: var(--menu-font-family); font-size: var(--font-scale-000); color: var(--text-normal); @@ -2947,10 +2941,10 @@ body:not(.no-sanctum-icons) .nav-action-button svg { } .nav-file-title.is-active .nav-file-title-content { color: var(--background-primary); - line-height: 23px; + line-height: 1.5; } .is-mobile .nav-file-title.is-active .nav-file-title-content { - line-height: 2.7; + line-height: 1.5; } .nav-file-title.is-active .nav-file-title-content:focus { background-color: transparent; @@ -3175,150 +3169,6 @@ body.no-file-icons .workspace-leaf-content[data-type=starred] .item-list .nav-fi .show-full-titles:not(.no-sanctum-icons) .nav-folder-children .nav-file-title-content:before { margin-left: -4px; } -.kanban .task-list-item-checkbox { - margin-left: 24px; - margin-right: 0; - margin-top: 0; -} -.kanban:not(.k-o):not(.dvl) ul li { - padding-left: 0; -} -.kanban ul, -ul.kanban { - list-style: none; -} -.kanban ul li::before, -ul.kanban li::before { - content: ""; - margin-left: 4px; - padding: 0; -} -.kanban ul, -.kanban ol, -ul.kanban, -ol.kanban { - display: flex; - flex-direction: row; - border-radius: 0; - flex-wrap: wrap; - padding-inline-start: 0; - margin-left: 0; - width: 100%; -} -.kanban ul li, -ul.kanban li { - flex: 1 1 20%; - margin-left: 0; - margin-right: 0; - border: 0; -} -.kanban ol li, -ol.kanban li { - flex: 1 1 20%; - margin-right: 10px; - margin-left: 30px; - border: 0; -} -.kanban ul ul, -ul.kanban ul, -.kanban ol ol, -ol.kanban ol { - display: flex; - flex-direction: column; - justify-content: center; - margin-right: 0; - margin-top: 4px; - background: 0 0; -} -.kanban ul ul, -ul.kanban ul { - margin-left: 0; - border-left: 0 solid var(--color-border-2); -} -.kanban ol ol ol.kanban ol { - margin-left: -16px; - padding-left: 16px; - border-left: 0 solid var(--background-modifier-border); -} -.kanban ul ul li, -ul.kanban ul li { - width: 100%; - display: block; - background: rgba(var(--rgb-primary-0), 0.8); - border-radius: 0; -} -.kanban ul ul li:nth-child(odd) .task-list-item-checkbox:not(.task-list-item-checkbox:checked), -ul.kanban ul li:nth-child(odd) .task-list-item-checkbox:not(.task-list-item-checkbox:checked) { - background-color: rgba(var(--rgb-primary-0), 0.8); -} -.kanban ol ol li, -ol.kanban ol li { - width: 100%; - background: rgba(var(--rgb-primary-0), 0.8); - margin-left: 14px; -} -.kanban ol ol li:nth-child(odd) .task-list-item-checkbox:not(.task-list-item-checkbox:checked), -ol.kanban ol li:nth-child(odd) .task-list-item-checkbox:not(.task-list-item-checkbox:checked) { - background-color: rgba(var(--rgb-primary-0), 0.8); -} -.kanban ul ul li:nth-child(even), -ul.kanban ul li:nth-child(even), -.kanban ol ol li:nth-child(even), -ol.kanban ol li:nth-child(even) { - background: var(--background-primary); - border: 0; -} -.kanban .list-collapse-indicator, -.list-collapse-indicator.kanban { - width: 16px; -} -.kanban .list-collapse-indicator svg, -.list-collapse-indicator.kanban svg { - background-repeat: no-repeat; -} -.kanban ul .list-collapse-indicator, -ul.kanban .list-collapse-indicator { - margin-left: 0; - padding-left: 0; -} -.kanban .task-list-item .list-collapse-indicator, -.task-list-item.kanban .list-collapse-indicator { - position: relative; -} -.kanban ol .list-collapse-indicator, -.kanban ol .task-list-item .list-collapse-indicator, -ol.kanban .list-collapse-indicator, -ol.kanban .task-list-item .list-collapse-indicator { - margin-left: -38px; - padding-left: 5px; -} -.kanban ul li > p { - margin-block-start: 0; -} -.kanban .internal-embed blockquote { - padding-top: 2px; - padding-left: 10px; - font-size: 12px; - line-height: 16px; - border-left-width: 3px; - margin: 0; - overflow: hidden; -} -.kanban-o .internal-embed blockquote:before { - display: none; -} -.markdown-preview-view .markdown-embed, -.markdown-preview-view .file-embed { - margin: 0; -} -.kanban .internal-embed .markdown-embed .markdown-preview-view { - margin: 0; - padding: 6px; -} -.kanban hr { - margin: 0; - margin-bottom: 10px; -} .status-bar { background-color: var(--background-primary); border-top: 1.5px solid var(--color-border-1); @@ -3736,33 +3586,6 @@ li { .cm-s-obsidian .HyperMD-list-line { padding-top: 0; } -.outliner-plugin-bls .cm-s-obsidian span span.cm-formatting-list-ul:before { - margin-top: 0px; -} -.outliner-plugin-bls .cm-s-obsidian span.cm-formatting-list { - letter-spacing: 0px; -} -body.outliner-plugin-bls .cm-line .cm-hmd-list-indent::before { - content: ""; - display: block; - position: absolute; - background-image: linear-gradient(to right, var(--text-faint) 1px, transparent 1px); - background-size: 2.9ch 1px; - background-position-x: 3px; - width: 100%; - left: 0; - top: -1.6em; - padding-bottom: 999em; -} -body.outliner-plugin-bls .cm-s-obsidian:not(.is-live-preview) .cm-formatting-list-ul:before, -body.outliner-plugin-bls .cm-s-obsidian.is-live-preview .list-bullet:before { - content: "\2013 "; - font-size: 100%; - position: absolute; - margin-top: -1px; - margin-left: -4px; - color: var(--text-muted); -} .list-bullet { left: 4px; padding-right: 4px; @@ -3853,6 +3676,25 @@ div > .CodeMirror-line span.cm-hashtag-end { cursor: pointer; border: 1px solid var(--color-accent); } +.cm-s-obsidian span.cm-hashtag { + padding: 2px 0px 2px 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.cm-s-obsidian span.cm-hashtag:hover { + border-color: transparent; +} +span.cm-hashtag.cm-hashtag-end { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-top-right-radius: 0.4em; + border-bottom-right-radius: 0.4em; + padding-left: 0; + padding-right: 8px; +} +span.cm-hashtag.cm-hashtag-end::before { + display: none; +} .cm-s-obsidian .cm-hashtag-begin.cm-meta { font-size: 0; padding: 0; @@ -4473,6 +4315,31 @@ table.table-view-table > thead > tr > th { .markdown-preview-view table.table-view-table .table-view-tbody tr:last-child td { border-bottom: none; } +.cm-embed-block table.table-view-table .table-view-tbody tr .dataview.dataview-ul li::marker, +.markdown-preview-view table.table-view-table .table-view-tbody tr .dataview.dataview-ul li::marker { + content: none; + font-size: 14px; +} +.cm-embed-block table.table-view-table .table-view-tbody tr a.internal-link, +.markdown-preview-view table.table-view-table .table-view-tbody tr a.internal-link { + text-decoration: none; + color: var(--text-accent); + font-weight: 450; + text-transform: uppercase; + font-size: 0.8em; + letter-spacing: 0.125em; + border-radius: 4px; +} +.alt-link .cm-embed-block table.table-view-table .table-view-tbody tr a.internal-link, +.alt-link .markdown-preview-view table.table-view-table .table-view-tbody tr a.internal-link { + text-decoration: none; + color: var(--text-accent); + font-weight: 450; + text-transform: none; + font-size: inherit; + letter-spacing: inherit; + border-radius: 4px; +} .table-minimal .cm-embed-block table .table-view-tbody tr td, .table-minimal .cm-embed-block table td, .table-minimal .markdown-preview-view table .table-view-tbody tr td, @@ -4493,6 +4360,13 @@ table.table-view-table > thead > tr > th { .table-result .markdown-preview-view table tr:last-child td { background-color: rgba(var(--rgb-primary-0), 0.5); } +body .table-view-table > thead > tr > th { + white-space: pre; +} +.table-view-table > tbody > tr > td { + word-wrap: normal; + word-break: normal; +} .markdown-preview-view .footnotes code { font-size: var(--font-scale-00); } @@ -4957,6 +4831,7 @@ button.mod-cta:active { .modal-container.mod-confirmation .modal-button-container { display: flex; flex-direction: row; + justify-content: center; width: auto; height: auto; } @@ -4966,7 +4841,10 @@ button.mod-cta:active { .is-mobile .modal-container.mod-confirmation .modal-button-container button.mod-warning:first-child { margin-left: 0; } -.modal-container.mod-confirmation .modal-button-container button.mod-warning:first-child { +.modal-container.mod-confirmation .modal-button-container .mod-warning:nth-last-child(2) { + margin-left: auto; +} +.modal-container.mod-confirmation .modal-button-container button.mod-warning:nth-last-child(3) { order: 0; margin-right: auto; margin-left: 12px; @@ -4981,9 +4859,6 @@ button.mod-cta:active { font-weight: var(--font-regular); font-family: var(--font-ui); } -.modal-container.mod-confirmation .modal-button-container button.mod-warning { - order: 0; -} .is-mobile .modal-button-container button { margin: 4px 0; padding: 8px 0; @@ -5624,6 +5499,12 @@ input[type=range i]::-webkit-slider-thumb { background-color: var(--background-primary); animation: var(--duration-slow-2) var(--motion-standard-productive) var(--duration-slow-1) infinite progress-bar; } +body { + --checkbox-radius: 50%; +} +body.square-checkbox { + --checkbox-radius: 2px; +} ol.contains-task-list p, ul.contains-task-list p { margin: 0; @@ -5639,7 +5520,7 @@ input[type=checkbox] { filter: none; cursor: pointer; background-color: var(--background-primary); - border-radius: 50%; + border-radius: var(--checkbox-radius); padding: 0; border: 1.5px solid var(--color-primary-4); transition: background-color var(--duration-moderate-2) var(--motion-entrance-expressive); @@ -5677,7 +5558,7 @@ input[type=checkbox]:checked { transform: translateY(-2px); } .markdown-source-view.mod-cm6 .HyperMD-list-line .task-list-item-checkbox[data-task=""] { - border-radius: 50%; + border-radius: var(--checkbox-radius); } .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:not([data-task=x]) { text-decoration: unset; @@ -7050,6 +6931,305 @@ body.theme-dark:not(.show-yaml) code.language-yaml.is-loaded::before { body.theme-dark:not(.show-yaml) code.language-yaml.is-loaded:hover::before { display: none; } +div:not(.el-embed-image) + .el-embed-image { + margin-top: 1rem; +} +.el-embed-image { + margin-top: 0.5rem; +} +.contextual-typography .markdown-preview-section > .el-embed-image > p { + margin-block-start: 0; + margin-block-end: 0; +} +.img-grid .markdown-preview-section .el-embed-image img:not([width]), +.img-grid .markdown-preview-section video { + width: 100%; +} +.img-grid .markdown-preview-section > .el-embed-image > p { + display: grid; + grid-column-gap: 0.5rem; + grid-row-gap: 0; + grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); +} +.img-grid .markdown-preview-section > .el-embed-image > p > br { + display: none; +} +.img-grid .markdown-preview-section > .el-embed-image > p > img { + object-fit: cover; + align-self: stretch; +} +.img-grid .markdown-preview-section > .el-embed-image > p > .internal-embed img { + object-fit: cover; + height: 100%; +} +.img-grid .img-grid-ratio .markdown-preview-section > .el-embed-image > p > .internal-embed img, +.img-grid.img-grid-ratio .markdown-preview-section > .el-embed-image > p > .internal-embed img { + object-fit: contain; + height: 100%; + align-self: center; +} +@media (max-width: 400pt) { + .el-embed-image { + margin-top: 0.25rem; + } + .img-grid .markdown-preview-section > .el-embed-image > p { + grid-column-gap: 0.25rem; + } +} +:root { + --cards-min-width:180px; + --cards-max-width:1fr; + --cards-mobile-width:120px; + --cards-image-height:400px; + --cards-padding:1.2em; + --cards-image-fit:contain; + --cards-background:transparent; + --cards-border-width:1px; +} +@media (max-width: 400pt) { + :root { + --cards-min-width:var(--cards-mobile-width); + } +} +.cards.table-100 table.dataview tbody, +.table-100 .cards table.dataview tbody { + padding: 0.25rem 0.75rem; +} +.cards .el-pre + .el-lang-dataview .table-view-thead { + padding-top: 8px; +} +.cards table.dataview tbody { + clear: both; + padding: 0.5rem 0; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width))); + grid-column-gap: 0.75rem; + grid-row-gap: 0.75rem; +} +.cards table.dataview > tbody > tr { + background-color: var(--cards-background); + border: var(--cards-border-width) solid var(--background-modifier-border); + display: flex; + flex-direction: column; + margin: 0; + padding: 0 0 calc(var(--cards-padding) / 3) 0; + border-radius: 6px; + overflow: hidden; + transition: box-shadow 0.15s linear; +} +.cards table.dataview > tbody > tr:hover { + border: var(--cards-border-width) solid var(--background-modifier-border-hover); + box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 3px 1px rgba(0, 0, 0, 0.025); + transition: box-shadow 0.15s linear; +} +.markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td, +.trim-cols .cards table.dataview tbody > tr > td { + white-space: normal; +} +.markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td, +.cards table.dataview tbody > tr > td { + border-bottom: none; + padding: 0 !important; + line-height: 1.2; + width: calc(100% - var(--cards-padding)); + margin: 0 auto; + overflow: visible !important; + max-width: 100%; + display: flex; +} +.cards table.dataview tbody > tr > td .el-p { + display: block; + width: 100%; +} +.cards table.dataview tbody > tr > td:first-child { + font-weight: var(--bold-weight); +} +.cards table.dataview tbody > tr > td:first-child a { + padding: 0 0 calc(var(--cards-padding) / 3); + display: block; +} +.cards table.dataview tbody > tr > td:not(:first-child) { + font-size: 90%; + color: var(--text-muted); +} +@media (max-width: 400pt) { + .cards table.dataview tbody > tr > td:not(:first-child) { + font-size: 80%; + } +} +.cards-cover.cards table.dataview tbody > tr > td img { + object-fit: cover; +} +.cards-16-9.cards table.dataview tbody > tr > td img { + aspect-ratio: 16/9; +} +.cards-1-1.cards table.dataview tbody > tr > td img { + aspect-ratio: 1/1; +} +.cards-2-1.cards table.dataview tbody > tr > td img { + aspect-ratio: 2/1; +} +.cards-2-3.cards table.dataview tbody > tr > td img { + aspect-ratio: 2/3; +} +.cards-align-bottom.cards table.dataview tbody > tr > td:last-child { + align-items: flex-end; + flex-grow: 1; +} +.cards-cols-1 table.dataview tbody { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} +.cards-cols-2 table.dataview tbody { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +@media (min-width: 400pt) { + .cards-cols-3 table.dataview tbody { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .cards-cols-4 table.dataview tbody { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .cards-cols-5 table.dataview tbody { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .cards-cols-6 table.dataview tbody { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .cards-cols-7 table.dataview tbody { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + .cards-cols-8 table.dataview tbody { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } +} +.cards table.dataview tbody > tr > td > *:not(.el-embed-image) { + padding: calc(var(--cards-padding) / 3) 0; +} +.cards table.dataview tbody > tr > td:not(:last-child):not(:first-child) > .el-p:not(.el-embed-image) { + border-bottom: 1px solid var(--background-modifier-border); + width: 100%; +} +.cards table.dataview tbody > tr > td a { + text-decoration: none; +} +.links-int-on .cards table.dataview tbody > tr > td a { + text-decoration: none; +} +.cards table.dataview tbody > tr > td > button { + width: 100%; + margin: calc(var(--cards-padding) / 2) 0; +} +.cards table.dataview tbody > tr > td:last-child > button { + margin-bottom: calc(var(--cards-padding) / 6); +} +.cards table.dataview tbody > tr > td > ul { + width: 100%; + padding: 0.25em 0 !important; + margin: 0 auto !important; +} +.cards table.dataview tbody > tr > td:not(:last-child) > ul { + border-bottom: 1px solid var(--background-modifier-border); +} +.cards table.dataview tbody > tr > td .el-embed-image { + background-color: var(--background-secondary); + display: block; + margin: 0 calc(var(--cards-padding) / -2) 0 calc(var(--cards-padding) / -2); + width: calc(100% + var(--cards-padding)); +} +.cards table.dataview tbody > tr > td img { + width: 100%; + object-fit: var(--cards-image-fit); + max-height: var(--cards-image-height); + background-color: var(--background-secondary); + vertical-align: bottom; +} +.markdown-source-view.mod-cm6.cards .edit-block-button { + top: 0px; + right: 26px; + opacity: 1; + background-color: transparent; +} +.cards.table-100 table.dataview thead > tr, +.table-100 .cards table.dataview thead > tr { + right: 0.75rem; +} +.table-100 .cards table.dataview thead:before, +.cards.table-100 table.dataview thead:before { + margin-right: 0.75rem; +} +.cards table.dataview thead { + user-select: none; + width: 180px; + display: block; + float: right; + position: relative; + text-align: right; + height: 24px; + padding-bottom: 4px; +} +.cards table.dataview thead:before { + content: ""; + position: absolute; + right: 0; + top: 0; + height: 18px; + background-repeat: no-repeat; + cursor: var(--cursor); + text-align: right; + padding: 4px 10px; + margin-bottom: 2px; + border-radius: 5px; + font-weight: 500; + font-size: var(--font-adaptive-small); +} +.cards table.dataview thead:before { + opacity: 0.25; + background-position: center center; + background-size: 18px; + background-image: url('data:image/svg+xml;utf8,'); +} +.theme-light .cards table.dataview thead:before { + background-image: url('data:image/svg+xml;utf8,'); +} +.cards table.dataview thead:hover:before { + opacity: 0.5; +} +.cards table.dataview thead > tr { + top: 0; + position: absolute; + display: none; + z-index: 9; + border: 1px solid var(--background-modifier-border); + background-color: var(--background-secondary); + box-shadow: 0 2px 8px var(--background-modifier-box-shadow); + padding: 6px; + border-radius: 6px; + flex-direction: column; + margin: 26px 0 0 0; + width: 100%; +} +.cards table.dataview thead:hover > tr { + display: flex; +} +.cards table.dataview thead > tr > th { + display: block; + padding: 3px 30px 3px 6px !important; + border-radius: 5px; + width: 100%; + font-weight: 400; + color: var(--text-muted); + cursor: var(--cursor); + border: none; + font-size: var(--font-adaptive-small); +} +.cards table.dataview thead > tr > th[sortable-style=sortable-asc], +.cards table.dataview thead > tr > th[sortable-style=sortable-desc] { + color: var(--text-normal); +} +.cards table.dataview thead > tr > th:hover { + color: var(--text-normal); + background-color: var(--background-tertiary); +} .admonition.admonition-plugin { margin: 24px 0px; padding: 0; @@ -7687,6 +7867,23 @@ div.kanban-plugin__item-prefix-button-wrapper input[type=checkbox]:checked { background-size: 70%; background-position: center 2.5px; } +.markdown-source-view.mod-cm6.is-folding .outliner-plugin-list-line { + padding-left: 10px; + margin-left: calc(0.5ch + 10px); +} +.outliner-plugin-list-line { + pointer-events: auto; + position: absolute; + width: 5px; + margin-left: 0.5ch; + margin-top: calc(2em + 6px); + z-index: 1; + cursor: pointer; + background: transparent; + background-image: linear-gradient(to right, var(--text-faint) 1px, transparent 1px); + background-position-x: 2px; + background-repeat: no-repeat; +} div#quick-explorer .explorable.selected, div#quick-explorer .explorable, div#quick-explorer .explorable:hover { @@ -7912,6 +8109,9 @@ div#wordsprint button { .graph-controls .tree-item-icon.collapse-icon { padding-right: 8px; } +body.mod-linux .graph-controls { + background-color: rgba(var(--rgb-primary-0), 1); +} .graph-color-button-container button.mod-cta { width: 100%; margin: 0; @@ -8324,31 +8524,31 @@ settings: options: - label: Green - value: 171, 173, 85 + value: 171 173 85 - label: Viridian - value: 105, 184, 139 + value: 105 184 139 - label: Teal value: 104 181 177 - label: Blue - value: 136, 173, 194 + value: 136 173 194 - label: Lavender - value: 165, 165, 206 + value: 165 165 206 - label: Pink - value: 240, 138, 156 + value: 240 138 156 - label: Red - value: 252, 134, 122 + value: 252 134 122 - label: Orange - value: 241, 145, 52 + value: 241 145 52 - label: Yellow - value: 214, 159, 40 + value: 214 159 40 - id: color-checkbox title: Checkbox Color @@ -8519,6 +8719,11 @@ settings: title: Heading Indicators in active line only description: Enables typora-like heading indicators in Live Preview, only in the active line. type: class-toggle + - + id: no-uppercase + title: Disable Uppercase in lvl 5 & 6 Headings + description: Enables typora-like heading indicators in Live Preview, only in the active line. + type: class-toggle - id: heading weights title: Weights @@ -10623,15 +10828,16 @@ settings: type: heading level: 2 collapsed: true + - + id: img-grid + title: Minimal's Image Grid by @kepano + description: Must have the Contextual Typography plugin v2.2.1+ installed + type: class-toggle - id: dim-panes title: Fade inactive panes description: Fades every pane other than the active one, for better focus type: class-toggle - - - id: tasks - title: Disable custom tasks and pseudo-admonitions - type: class-toggle - id: hr-options title:
("---") Options @@ -10646,17 +10852,31 @@ settings: - label: Center hr (no WYSIWYG) value: center-hr - - - id: edit-mode-tasks - title: Edit Mode Tasks - description: Makes filled tasks green and empty ones red, in Edit Mode. - type: class-toggle - id: kanban-wrap title: Wrap Kanban Lanes description: Makes Kanban Lanes wrap in multiple rows if needed. type: class-toggle - + id: checkbox-title + title: Checkboxes + type: heading + level: 3 + collapsed: true + - + id: edit-mode-tasks + title: Edit Mode Tasks + description: Makes filled tasks green and empty ones red, in Edit Mode. + type: class-toggle + - + id: tasks + title: Disable custom tasks and pseudo-admonitions + type: class-toggle + - + id: square-checkbox + title: Enable Square Checkboxes + type: class-toggle + - id: active-line-highlight title: Active Line Highlighting type: heading @@ -10987,9 +11207,58 @@ settings: description: Use default icons instead of the Sanctum set. type: class-toggle default: false +*/ +/* @settings +name: Minimal Cards +id: minimal-cards-style +settings: + - + id: cards-min-width + title: Card minimum width + description: + type: variable-text + default: 180px + - + id: cards-max-width + title: Card maximum width + description: Default fills the available width, accepts valid CSS units + type: variable-text + default: 1fr + - + id: cards-mobile-width + title: Card minimum width on mobile + description: + type: variable-text + default: 120px + - + id: cards-padding + title: Card padding + description: + type: variable-text + default: 1.2em + - + id: cards-image-height + title: Card maximum image height + description: + type: variable-text + default: 400px + - + id: cards-border-width + title: Card border width + description: + type: variable-text + default: 1px + - + id: cards-background + title: Card background color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' */ + /* @plugins core: - backlink