diff --git a/obsidian.css b/obsidian.css index 0839313..67ed37d 100644 --- a/obsidian.css +++ b/obsidian.css @@ -169,11 +169,15 @@ body { max-width: 750px; } -.markdown-preview-view.is-readable-line-width .markdown-preview-sizer { +.markdown-preview-view.is-readable-line-width .markdown-preview-sizer, +.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) +.cm-contentContainer { max-width: 100%; } -.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid) { +.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid), +.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) +.cm-contentContainer > div:not(.breadcrumbs-trail-grid) { display: flex; flex-direction: column; align-items: center; @@ -181,7 +185,13 @@ body { .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid) > *:not(iframe), .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid) .frontmatter-container, -.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid) .block-language-tasks { +.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid) .block-language-tasks, +.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) +.cm-contentContainer > div:not(.breadcrumbs-trail-grid) > *:not(iframe), +.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) +.cm-contentContainer > div:not(.breadcrumbs-trail-grid) .frontmatter-container, +.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) +.cm-contentContainer > div:not(.breadcrumbs-trail-grid) .block-language-tasks { max-width: 750px; width: 100%; min-width: 300px; @@ -189,7 +199,13 @@ body { .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid) > table, .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid) > .mermaid, -.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid) > div { +.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:not(.breadcrumbs-trail-grid) > div, +.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) +.cm-contentContainer > div:not(.breadcrumbs-trail-grid) > table, +.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) +.cm-contentContainer > div:not(.breadcrumbs-trail-grid) > .mermaid, +.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) +.cm-contentContainer > div:not(.breadcrumbs-trail-grid) > div { max-width: fit-content; min-width: 750px; } @@ -198,8 +214,7 @@ body { *..........................3. Text Decorations */ .cm-s-obsidian .cm-strong, strong { - color: #57e28d; - color: var(--accent-4); + color: var(--accent-1); font-weight: 900; } @@ -1015,11 +1030,11 @@ li::marker, margin: 0; } -.markdown-preview-view ul > li.task-list-item.is-checked { +.view-content ul > li.task-list-item.is-checked { text-decoration: none; } -.markdown-preview-view .task-list-item-checkbox { +.view-content .task-list-item-checkbox { appearance: none; box-sizing: border-box; border: 1px solid var(--text-muted); @@ -1032,18 +1047,21 @@ li::marker, margin-right: 4px; margin-bottom: 2px; cursor: pointer; - vertical-align: baseline; filter: none; top: 6px; - left: -0.5rem; } -.markdown-preview-view .task-list-item-checkbox:checked { +.markdown-source-view.mod-cm6 .task-list-item-checkbox { + vertical-align: baseline; +} + +.view-content .task-list-item-checkbox:checked { border: none; background-color: var(--main-node); } -.markdown-preview-view li .task-list-item-checkbox:checked::before { +.view-content li .task-list-item-checkbox:checked::before, +.view-content .HyperMD-list-line .task-list-item-checkbox:checked::before { content: ''; position: absolute; bottom: 0; @@ -1059,57 +1077,59 @@ li::marker, background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.74,15.63a1.45,1.45,0,0,1-1.06-.44L2.94,11.46A1.5,1.5,0,0,1,5.06,9.34L7.74,12l7.2-7.2a1.5,1.5,0,1,1,2.12,2.12L8.8,15.19A1.48,1.48,0,0,1,7.74,15.63Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); } -.markdown-preview-view li li .task-list-item-checkbox:checked { +.markdown-source-view.mod-cm6 +.HyperMD-task-line[data-task]:not([data-task=' ']) { + text-decoration: none; + color: inherit; +} + +li[data-line='2'] .task-list-item-checkbox:checked, +.HyperMD-list-line-2 .task-list-item-checkbox:checked { background-color: var(--accent-1); } -.markdown-preview-view li li li .task-list-item-checkbox:checked { +li[data-line='3'] .task-list-item-checkbox:checked, +.HyperMD-list-line-3 .task-list-item-checkbox:checked { background-color: var(--accent-2); } -.markdown-preview-view li li li li .task-list-item-checkbox:checked { +li[data-line='4'] .task-list-item-checkbox:checked, +.HyperMD-list-line-4 .task-list-item-checkbox:checked { background-color: var(--accent-3); } -.markdown-preview-view li li li li li .task-list-item-checkbox:checked { +li[data-line='5'] .task-list-item-checkbox:checked, +.HyperMD-list-line-5 .task-list-item-checkbox:checked { background-color: var(--accent-4); } -.markdown-preview-view li li li li li li .task-list-item-checkbox:checked { +li[data-line='6'] .task-list-item-checkbox:checked, +.HyperMD-list-line-6 .task-list-item-checkbox:checked { background-color: var(--accent-5); } -.markdown-preview-view li li li li li li li .task-list-item-checkbox:checked { +li[data-line='7'] .task-list-item-checkbox:checked, +.HyperMD-list-line-7 .task-list-item-checkbox:checked { background-color: var(--accent-6); } -.markdown-preview-view -li[data-task='!'] -.task-list-item-checkbox:checked::before { +.view-content li[data-task='!'] .task-list-item-checkbox:checked::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10,2.5A1.54,1.54,0,0,0,8.45,4.05v7.49a1.55,1.55,0,1,0,3.1,0V4.05A1.54,1.54,0,0,0,10,2.5Z' style='fill:%230c0c0c'/%3E%3Ccircle cx='10' cy='15.95' r='1.55' style='fill:%230c0c0c'/%3E%3C/svg%3E"); } -.markdown-preview-view -li[data-task='?'] -.task-list-item-checkbox:checked::before { +.view-content li[data-task='?'] .task-list-item-checkbox:checked::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.68' cy='15.95' r='1.55' style='fill:%230c0c0c'/%3E%3Cpath d='M10.41,2.5H7.13a1.55,1.55,0,0,0,0,3.1h3.28a.91.91,0,1,1,0,1.81H8.68A1.56,1.56,0,0,0,7.13,9v2.57a1.56,1.56,0,1,0,3.11,0v-1h.17a4,4,0,0,0,0-8Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); } -.markdown-preview-view -li[data-task='>'] -.task-list-item-checkbox:checked::before { +.view-content li[data-task='>'] .task-list-item-checkbox:checked::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M14.06,8.94l-6-6A1.5,1.5,0,0,0,5.94,5.06L10.88,10,5.94,14.94a1.49,1.49,0,0,0,0,2.12,1.5,1.5,0,0,0,2.12,0l6-6A1.49,1.49,0,0,0,14.06,8.94Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); } -.markdown-preview-view -li[data-task='+'] -.task-list-item-checkbox:checked::before { +.view-content li[data-task='+'] .task-list-item-checkbox:checked::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.84,8.5H11.5V4.16a1.5,1.5,0,0,0-3,0V8.5H4.16a1.5,1.5,0,0,0,0,3H8.5v4.34a1.5,1.5,0,0,0,3,0V11.5h4.34a1.5,1.5,0,0,0,0-3Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); } -.markdown-preview-view -li[data-task='-'] -.task-list-item-checkbox:checked::before { +.view-content li[data-task='-'] .task-list-item-checkbox:checked::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.84,11.5H4.16a1.5,1.5,0,0,1,0-3H15.84a1.5,1.5,0,0,1,0,3Z' style='fill:%230c0c0c'/%3E%3C/svg%3E"); } @@ -1516,6 +1536,20 @@ Credit to github.com/nothingislost for the inspiration of the "subway line list" border-radius: 5px; } +.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote { + border-color: var(--main-node); + border-width: 1px; + border-left-width: 4px; + border-radius: 5px; + padding: 1em; + max-width: 750px !important; + background-color: transparent; +} + +.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote span.cm-quote { + color: var(--main-text); +} + /* *..........................14. Kanban */ .kanban ul {