102 lines
4.8 KiB
CSS
102 lines
4.8 KiB
CSS
: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);
|
|
}
|
|
} |