mirror of
https://github.com/devonthesofa/obsidian-note-status.git
synced 2026-07-22 12:30:24 +00:00
45 lines
939 B
CSS
45 lines
939 B
CSS
/* ==========================================================================
|
|
Status Bar Components
|
|
========================================================================== */
|
|
|
|
/* Status Bar Container */
|
|
.status-bar-item {
|
|
/* Uses Obsidian's built-in status bar item styles */
|
|
}
|
|
|
|
/* Enable Button */
|
|
.status-bar-enable-button {
|
|
cursor: pointer;
|
|
opacity: var(--icon-opacity);
|
|
transition: opacity var(--anim-duration-fast) ease;
|
|
}
|
|
|
|
.status-bar-enable-button:hover {
|
|
opacity: var(--icon-opacity-hover);
|
|
}
|
|
|
|
/* Status Bar Group */
|
|
.status-bar-group-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--size-4-2);
|
|
}
|
|
|
|
.status-bar-group-container {
|
|
display: flex;
|
|
gap: var(--size-2-1);
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
|
|
/* Animation for expanding status items */
|
|
@keyframes status-slide-in {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(0.8) translateY(4px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1) translateY(0);
|
|
}
|
|
}
|