Build stylesheet

This commit is contained in:
github-actions[bot] 2022-03-04 17:54:18 +00:00
parent f4fb0ec86b
commit 990b15596d

View file

@ -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 {