#entries { position: sticky; top: calc(var(--unit--vertical) * 8); display: flex; justify-content: space-between; } .entry-btn { transition: all 0.5s var(--curve-sine); } [data-template="linear"] #entries { transform: translateY(calc(0rem - var(--unit--vertical-relative) * 4)); } .entry-btn--left::after, .entry-btn--right::before { transition: all 0.5s var(--curve-sine); content: "+"; } .entry-btn--left::after { margin-left: var(--unit--horizontal); } .entry-btn--right::before { margin-right: var(--unit--horizontal); } #entries.minimized { color: var(--color-secondary); } #entries.minimized .entry-btn::before, #entries.minimized .entry-btn::after { font-weight: bold; } #entries.minimized .entry-btn--left { margin-left: calc(-4px - var(--width)); } #entries.minimized .entry-btn--right { margin-right: calc(-4px - var(--width)); }