Skip to content

Instantly share code, notes, and snippets.

@2xlink
Created March 11, 2024 09:07
Show Gist options
  • Save 2xlink/af274e32f85d020a36fecd7b6e852cf9 to your computer and use it in GitHub Desktop.
Save 2xlink/af274e32f85d020a36fecd7b6e852cf9 to your computer and use it in GitHub Desktop.
Obsidian-styling
/* Bottom padding for each paragraph */
div.HyperMD-list-line, div.cm-line {
padding-bottom: 0.2rem !important;
}
/* Gray and fade out task list item buttons until hovered */
.task-id,
.task-dependsOn,
.task-priority,
.task-recurring,
.task-created,
.task-start,
.task-scheduled,
.task-due,
.task-cancelled,
.task-done,
.task-block,
.task-extras,
.task-description .tag {
opacity: 0.2;
filter: grayscale(100%);
transition: opacity 0.5s ease, filter 0.5s ease;
}
.task-list-item:hover .task-id,
.task-list-item:hover .task-dependsOn,
.task-list-item:hover .task-priority,
.task-list-item:hover .task-recurring,
.task-list-item:hover .task-created,
.task-list-item:hover .task-start,
.task-list-item:hover .task-scheduled,
.task-list-item:hover .task-due,
.task-list-item:hover .task-cancelled,
.task-list-item:hover .task-done,
.task-list-item:hover .task-block,
.task-list-item:hover .task-extras,
.task-list-item:hover .task-description .tag {
opacity: 1;
filter: grayscale(0%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment