:root[savor-bullet-threading="true"] { [data-type="NodeList"]{ .en_item_bullet_line:not(.protyle-wysiwyg--select)::after { content: ''; display: block; box-sizing: border-box; border-left: 2px solid var(--b3-theme-primary); border-bottom: 2px solid var(--b3-theme-primary); border-bottom-left-radius: 8px; position: absolute; left: -18px; } [data-subtype="u"] > .en_item_bullet_line:not(.protyle-wysiwyg--select)::after { width: 32px; height: calc(var(--en-bullet-line-height) - 1px); top: calc(var(--en-bullet-line-height) * -1 + 19px + ((var(--b3-font-size-editor) - 16px) * 0.75)); } [data-subtype="u"] > [data-subtype="o"] > .en_item_bullet_line:not(.protyle-wysiwyg--select)::after{ width: 24px; height: calc(var(--en-bullet-line-height) - 1px); top: calc(var(--en-bullet-line-height) * -1 + 19px + ((var(--b3-font-size-editor) - 16px) * 0.75)); } [data-subtype="u"] > [data-subtype="t"] > .en_item_bullet_line:not(.protyle-wysiwyg--select)::after{ width: 29px; height: calc(var(--en-bullet-line-height) - 1px); top: calc(var(--en-bullet-line-height) * -1 + 19px + ((var(--b3-font-size-editor) - 16px) * 0.75)); } [data-subtype="o"] > .en_item_bullet_line:not(.protyle-wysiwyg--select)::after{ width: 24px; height: calc(var(--en-bullet-line-height) - 8px); top: calc(var(--en-bullet-line-height) * -1 + 26px + ((var(--b3-font-size-editor) - 16px) * 0.75)); } [data-subtype="o"] > [data-subtype="u"] > .en_item_bullet_line:not(.protyle-wysiwyg--select)::after{ width: 32px; height: calc(var(--en-bullet-line-height) - 8px); top: calc(var(--en-bullet-line-height) * -1 + 26px + ((var(--b3-font-size-editor) - 16px) * 0.75)); } [data-subtype="o"] > [data-subtype="t"] > .en_item_bullet_line:not(.protyle-wysiwyg--select)::after{ width: 30px; height: calc(var(--en-bullet-line-height) - 8px); top: calc(var(--en-bullet-line-height) * -1 + 26px + ((var(--b3-font-size-editor) - 16px) * 0.75)); } [data-subtype="t"] .en_item_bullet_line:not(.protyle-wysiwyg--select)::after{ width: 30px; height: calc(var(--en-bullet-line-height) - 4px); top: calc(var(--en-bullet-line-height) * -1 + 22px + ((var(--b3-font-size-editor) - 16px) * 0.75)); } [data-subtype="t"] > [data-subtype="u"] > .en_item_bullet_line:not(.protyle-wysiwyg--select)::after{ width: 32px; height: calc(var(--en-bullet-line-height) - 4px); top: calc(var(--en-bullet-line-height) * -1 + 22px + ((var(--b3-font-size-editor) - 16px) * 0.75)); } [data-subtype="t"] > [data-subtype="o"] > .en_item_bullet_line:not(.protyle-wysiwyg--select)::after{ width: 24px; height: calc(var(--en-bullet-line-height) - 4px); top: calc(var(--en-bullet-line-height) * -1 + 22px + ((var(--b3-font-size-editor) - 16px) * 0.75)); } /* 激活状态样式 */ &[data-subtype="u"] .en_item_bullet_actived:not(.protyle-task--done) > .protyle-action::before, &[data-subtype="o"] .en_item_bullet_actived > .protyle-action, &[data-subtype="o"] .en_item_bullet_actived > .protyle-action::after, &[data-subtype="t"] .en_item_bullet_actived > .protyle-action { color: var(--b3-theme-primary); } } [data-subtype="u"] > .protyle-action + :is([data-subtype="o"], [data-subtype="u"], [data-subtype="t"]) > .en_item_bullet_line:first-child:not(.protyle-wysiwyg--select)::after { top: calc(var(--en-bullet-line-height) * -1 + 16px); } [data-subtype="o"] > .protyle-action + [data-subtype="o"] > .en_item_bullet_line:first-child:not(.protyle-wysiwyg--select)::after { left: -10px; width: 20px; top: calc(var(--en-bullet-line-height) * -1 + 16px); } [data-subtype="o"] > .protyle-action + [data-subtype="u"] > .en_item_bullet_line:first-child:not(.protyle-wysiwyg--select)::after { left: -10px; width: 24px; top: calc(var(--en-bullet-line-height) * -1 + 16px); } [data-subtype="o"] > .protyle-action + [data-subtype="t"] > .en_item_bullet_line:first-child:not(.protyle-wysiwyg--select)::after { left: -10px; width: 20px; top: calc(var(--en-bullet-line-height) * -1 + 16px); } [data-subtype="t"] > .protyle-action + [data-subtype="t"] > .en_item_bullet_line:first-child:not(.protyle-wysiwyg--select)::after { left: -11px; width: 22px; top: calc(var(--en-bullet-line-height) * -1 + 16px); } [data-subtype="t"] > .protyle-action + [data-subtype="o"] > .en_item_bullet_line:first-child:not(.protyle-wysiwyg--select)::after { left: -11px; width: 25px; top: calc(var(--en-bullet-line-height) * -1 + 16px); } [data-subtype="t"] > .protyle-action + [data-subtype="u"] > .en_item_bullet_line:first-child:not(.protyle-wysiwyg--select)::after { left: -11px; width: 25px; top: calc(var(--en-bullet-line-height) * -1 + 16px); } }