ysonc_obsidian-tasks-syncer/styles.css
2026-07-19 11:07:48 +08:00

85 lines
1.5 KiB
CSS

.task-syncer-task-line {
display: flex;
align-items: center;
gap: var(--size-4-2);
padding: var(--size-2-1) 0;
}
.task-syncer-task-line input[type="checkbox"] {
margin: 0;
transform: scale(1.1);
}
.task-syncer-task-title {
font-size: var(--font-ui-small);
}
.task-syncer-nav {
display: flex;
gap: var(--size-2-1);
}
.task-syncer-due-date {
font-size: var(--font-ui-smaller);
color: var(--text-muted);
}
.task-syncer-due-date-now {
color: var(--color-orange);
}
.task-syncer-due-date-tomorrow {
color: var(--color-yellow);
}
.task-syncer-due-date-past {
color: var(--text-error);
}
.task-syncer-spinner-wrapper,
.task-syncer-modal {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.task-syncer-spinner-wrapper {
padding: var(--size-4-4);
margin-top: var(--size-4-12);
}
.task-syncer-loading-spinner {
width: 30px;
height: 30px;
border: 3px solid var(--background-modifier-border);
border-top-color: var(--text-accent);
border-radius: 50%;
animation: task-syncer-spin 1s linear infinite;
}
.task-syncer-task-form,
.task-syncer-task-input {
width: 100%;
}
.task-syncer-task-form {
display: flex;
flex-direction: column;
gap: var(--size-4-2);
}
.task-syncer-modal-actions {
display: flex;
justify-content: flex-end;
gap: var(--size-4-2);
}
.task-syncer-form-error {
min-height: var(--line-height-tight);
color: var(--text-error);
}
@keyframes task-syncer-spin {
to {
transform: rotate(360deg);
}
}