mirror of
https://github.com/anotherlusitano/SpectrumPlus.git
synced 2026-07-22 04:10:27 +00:00
Build stylesheet
This commit is contained in:
parent
f4fb0ec86b
commit
990b15596d
1 changed files with 67 additions and 33 deletions
100
obsidian.css
100
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 {
|
||||
|
|
|
|||
Loading…
Reference in a new issue