89 lines
3.6 KiB
CSS
89 lines
3.6 KiB
CSS
/*
|
|
|
|
This CSS file will be included with your plugin, and
|
|
available in the app when your plugin is enabled.
|
|
|
|
If your plugin does not need CSS, delete this file.
|
|
|
|
*/
|
|
|
|
/* Theme code selectively pulled from the Obsidian Minimal theme: https://github.com/kepano/obsidian-minimal/blob/8cb709a373c9601a9e9172eaa75fdbeba4412c43/src/scss/app/editor.scss */
|
|
|
|
input[data-task="-"],
|
|
input[data-task=">"],
|
|
input[data-task="<"],
|
|
input[data-task="o"],
|
|
li[data-task="-"] > input,
|
|
li[data-task=">"] > input,
|
|
li[data-task="<"] > input,
|
|
li[data-task="o"] > input,
|
|
li[data-task="-"] > p > input,
|
|
li[data-task=">"] > p > input,
|
|
li[data-task="<"] > p > input,
|
|
li[data-task="o"] > p > input {
|
|
&:checked {
|
|
--checkbox-marker-color: transparent;
|
|
border:none;
|
|
border-radius:0;
|
|
background-image:none;
|
|
background-color:currentColor;
|
|
-webkit-mask-size:var(--checkbox-icon);
|
|
-webkit-mask-position:50% 50%;
|
|
}
|
|
}
|
|
|
|
/* [-] Canceled Task */
|
|
input[data-task="-"],
|
|
li[data-task="-"] > input,
|
|
li[data-task="-"] > p > input {
|
|
&:checked {
|
|
color:var(--text-faint);
|
|
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");;
|
|
}
|
|
}
|
|
|
|
body:not(.tasks) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="-"]),
|
|
body:not(.tasks) .markdown-preview-view ul li[data-task="-"].task-list-item.is-checked,
|
|
body:not(.tasks) li[data-task="-"].task-list-item.is-checked {
|
|
color: var(--text-faint);
|
|
text-decoration:line-through solid var(--text-faint) 1px;
|
|
}
|
|
|
|
/* [>] Migrated Task */
|
|
input[data-task=">"],
|
|
li[data-task=">"] > input,
|
|
li[data-task=">"] > p > input {
|
|
&:checked {
|
|
color:var(--text-faint);
|
|
transform:rotate(90deg);
|
|
-webkit-mask-position:50% 100%;
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
|
|
/* [<] Scheduled Task */
|
|
input[data-task="<"],
|
|
li[data-task="<"] > input,
|
|
li[data-task="<"] > p > input {
|
|
&:checked {
|
|
color:var(--text-faint);
|
|
transform:rotate(-90deg);
|
|
-webkit-mask-position:50% 100%;
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
|
|
/* [o] Event */
|
|
input[data-task="o"],
|
|
li[data-task="o"] > input,
|
|
li[data-task="o"] > p > input {
|
|
&:checked {
|
|
color:var(--text-faint);
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z' clip-rule='evenodd' /%3E%3C/svg%3E");
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd' /%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
|
|
.bujo-bullet-signifier {
|
|
color: var(--text-error);
|
|
} |