mirror of
https://github.com/dragonish/obsidian-heading-decorator.git
synced 2026-07-22 12:20:29 +00:00
443 lines
16 KiB
CSS
443 lines
16 KiB
CSS
/* reading start */
|
|
.reading-custom-heading-decorator.before-heading-decorator::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator::after {
|
|
display: inline-block;
|
|
content: attr(data-heading-decorator);
|
|
opacity: 20%;
|
|
transition: 0.25s ease-out;
|
|
}
|
|
|
|
.reading-custom-heading-decorator.before-heading-decorator::before {
|
|
margin-inline-end: var(--size-2-3);
|
|
}
|
|
|
|
.is-collapsed
|
|
> .reading-custom-heading-decorator.before-heading-decorator::before,
|
|
.is-collapsed
|
|
> .reading-custom-heading-decorator.before-heading-decorator[dir="auto"]::before,
|
|
.is-collapsed
|
|
> .reading-custom-heading-decorator.before-heading-decorator[dir="ltr"]::before,
|
|
.markdown-preview-view.allow-fold-headings
|
|
.reading-custom-heading-decorator.before-heading-decorator:hover::before,
|
|
.markdown-preview-view.allow-fold-headings
|
|
.reading-custom-heading-decorator.before-heading-decorator[dir="auto"]:hover::before,
|
|
.markdown-preview-view.allow-fold-headings
|
|
.reading-custom-heading-decorator.before-heading-decorator[dir="ltr"]:hover::before {
|
|
translate: calc(-1 * var(--size-4-3));
|
|
}
|
|
|
|
.is-collapsed
|
|
> .reading-custom-heading-decorator.before-heading-decorator[dir="rtl"]::before,
|
|
.markdown-preview-view.allow-fold-headings
|
|
.reading-custom-heading-decorator.before-heading-decorator[dir="rtl"]:hover::before {
|
|
translate: var(--size-4-3);
|
|
}
|
|
|
|
.reading-custom-heading-decorator.after-heading-decorator::after {
|
|
margin-inline-start: var(--size-2-3);
|
|
}
|
|
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="10%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="10%"]::after {
|
|
opacity: 10%;
|
|
}
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="20%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="20%"]::after {
|
|
opacity: 20%;
|
|
}
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="30%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="30%"]::after {
|
|
opacity: 30%;
|
|
}
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="40%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="40%"]::after {
|
|
opacity: 40%;
|
|
}
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="50%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="50%"]::after {
|
|
opacity: 50%;
|
|
}
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="60%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="60%"]::after {
|
|
opacity: 60%;
|
|
}
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="70%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="70%"]::after {
|
|
opacity: 70%;
|
|
}
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="80%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="80%"]::after {
|
|
opacity: 80%;
|
|
}
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="90%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="90%"]::after {
|
|
opacity: 90%;
|
|
}
|
|
.reading-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="100%"]::before,
|
|
.reading-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="100%"]::after {
|
|
opacity: 100%;
|
|
}
|
|
/* reading end */
|
|
|
|
/* preview start */
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator:not(.cm-active):not(
|
|
:has(.cm-header.cm-formatting)
|
|
)::after {
|
|
display: inline-block;
|
|
content: attr(data-heading-decorator);
|
|
opacity: 20%;
|
|
transition: 0.25s ease-out;
|
|
}
|
|
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before {
|
|
margin-inline-end: var(--size-2-3);
|
|
}
|
|
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting)):has(> .is-collapsed)::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[dir="auto"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting)):has(> .is-collapsed)::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[dir="ltr"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting)):has(> .is-collapsed)::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator:has(
|
|
.cm-fold-indicator
|
|
):not(.cm-active):not(:has(.cm-header.cm-formatting)):hover::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[dir="auto"]:has(
|
|
.cm-fold-indicator
|
|
):not(.cm-active):not(:has(.cm-header.cm-formatting)):hover::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[dir="ltr"]:has(
|
|
.cm-fold-indicator
|
|
):not(.cm-active):not(:has(.cm-header.cm-formatting)):hover::before {
|
|
translate: calc(-1 * var(--size-4-3));
|
|
}
|
|
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[dir="rtl"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting)):has(> .is-collapsed)::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[dir="rtl"]:has(
|
|
.cm-fold-indicator
|
|
):not(.cm-active):not(:has(.cm-header.cm-formatting)):hover::before {
|
|
translate: var(--size-4-3);
|
|
}
|
|
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator:not(.cm-active):not(
|
|
:has(.cm-header.cm-formatting)
|
|
)::after {
|
|
margin-inline-start: var(--size-2-3);
|
|
}
|
|
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="10%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="10%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 10%;
|
|
}
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="20%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="20%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 20%;
|
|
}
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="30%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="30%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 30%;
|
|
}
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="40%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="40%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 40%;
|
|
}
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="50%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="50%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 50%;
|
|
}
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="60%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="60%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 60%;
|
|
}
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="70%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="70%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 70%;
|
|
}
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="80%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="80%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 80%;
|
|
}
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="90%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="90%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 90%;
|
|
}
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="100%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::before,
|
|
.is-live-preview
|
|
.preview-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="100%"]:not(
|
|
.cm-active
|
|
):not(:has(.cm-header.cm-formatting))::after {
|
|
opacity: 100%;
|
|
}
|
|
/* preview end */
|
|
|
|
/* source start */
|
|
.source-custom-heading-decorator.before-heading-decorator:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator:not(
|
|
.cm-active
|
|
)::after {
|
|
display: inline-block;
|
|
content: attr(data-heading-decorator);
|
|
opacity: 20%;
|
|
transition: 0.25s ease-out;
|
|
}
|
|
|
|
.source-custom-heading-decorator.before-heading-decorator:not(
|
|
.cm-active
|
|
)::before {
|
|
margin-inline-end: var(--size-2-3);
|
|
}
|
|
|
|
.source-custom-heading-decorator.before-heading-decorator:not(.cm-active):has(
|
|
> .is-collapsed
|
|
)::before,
|
|
.source-custom-heading-decorator.before-heading-decorator[dir="auto"]:not(
|
|
.cm-active
|
|
):has(> .is-collapsed)::before,
|
|
.source-custom-heading-decorator.before-heading-decorator[dir="ltr"]:not(
|
|
.cm-active
|
|
):has(> .is-collapsed)::before,
|
|
.source-custom-heading-decorator.before-heading-decorator:has(
|
|
.cm-fold-indicator
|
|
):not(.cm-active):hover::before,
|
|
.source-custom-heading-decorator.before-heading-decorator[dir="auto"]:has(
|
|
.cm-fold-indicator
|
|
):not(.cm-active):hover::before,
|
|
.source-custom-heading-decorator.before-heading-decorator[dir="ltr"]:has(
|
|
.cm-fold-indicator
|
|
):not(.cm-active):hover::before {
|
|
translate: calc(-1 * var(--size-4-3));
|
|
}
|
|
|
|
.source-custom-heading-decorator.before-heading-decorator[dir="rtl"]:not(
|
|
.cm-active
|
|
):has(> .is-collapsed)::before,
|
|
.source-custom-heading-decorator.before-heading-decorator[dir="rtl"]:has(
|
|
.cm-fold-indicator
|
|
):not(.cm-active):hover::before {
|
|
translate: var(--size-4-3);
|
|
}
|
|
|
|
.source-custom-heading-decorator.after-heading-decorator:not(
|
|
.cm-active
|
|
)::after {
|
|
margin-inline-start: var(--size-2-3);
|
|
}
|
|
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="10%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="10%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 10%;
|
|
}
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="20%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="20%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 20%;
|
|
}
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="30%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="30%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 30%;
|
|
}
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="40%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="40%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 40%;
|
|
}
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="50%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="50%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 50%;
|
|
}
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="60%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="60%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 60%;
|
|
}
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="70%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="70%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 70%;
|
|
}
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="80%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="80%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 80%;
|
|
}
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="90%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="90%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 90%;
|
|
}
|
|
.source-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="100%"]:not(
|
|
.cm-active
|
|
)::before,
|
|
.source-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="100%"]:not(
|
|
.cm-active
|
|
)::after {
|
|
opacity: 100%;
|
|
}
|
|
/* source end */
|
|
|
|
/* outline start */
|
|
.outline-custom-heading-decorator.before-heading-decorator::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator::after {
|
|
content: attr(data-heading-decorator);
|
|
opacity: 20%;
|
|
}
|
|
|
|
.outline-custom-heading-decorator.before-heading-decorator::before {
|
|
margin-inline-end: var(--size-4-1);
|
|
}
|
|
|
|
.outline-custom-heading-decorator.after-heading-decorator::after {
|
|
margin-inline-start: var(--size-4-1);
|
|
}
|
|
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="10%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="10%"]::after {
|
|
opacity: 10%;
|
|
}
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="20%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="20%"]::after {
|
|
opacity: 20%;
|
|
}
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="30%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="30%"]::after {
|
|
opacity: 30%;
|
|
}
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="40%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="40%"]::after {
|
|
opacity: 40%;
|
|
}
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="50%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="50%"]::after {
|
|
opacity: 50%;
|
|
}
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="60%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="60%"]::after {
|
|
opacity: 60%;
|
|
}
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="70%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="70%"]::after {
|
|
opacity: 70%;
|
|
}
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="80%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="80%"]::after {
|
|
opacity: 80%;
|
|
}
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="90%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="90%"]::after {
|
|
opacity: 90%;
|
|
}
|
|
.outline-custom-heading-decorator.before-heading-decorator[data-decorator-opacity="100%"]::before,
|
|
.outline-custom-heading-decorator.after-heading-decorator[data-decorator-opacity="100%"]::after {
|
|
opacity: 100%;
|
|
}
|
|
/* outline end */
|