Marcos Paulo
2cda37b553
Built from main 79920c9e6c
feat: give the chapters motion, diagrams, and retrieval practice
2 lines
1.1 KiB
CSS
2 lines
1.1 KiB
CSS
.catalog>aside{position:sticky;top:24px;display:flex;flex-direction:column;align-self:start;max-height:calc(100dvh - 48px);overflow:hidden}#skill-list{min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--blue) var(--paper)}#skill-list button,.file-tabs button,.switch button,.preview button{transition:color .18s cubic-bezier(.2,0,0,1),background-color .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1)}#skill-list button:hover,#skill-list button:focus-visible{transform:translate(3px)}.detail>*{animation:review-detail-in .2s cubic-bezier(.2,0,0,1) both}.detail a,.research a{text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.detail a:hover,.research a:hover{text-decoration-color:currentColor}@keyframes review-detail-in{0%{opacity:.01;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.catalog>aside{position:static;max-height:none}#skill-list{max-height:50dvh}}@media(prefers-reduced-motion:reduce){#skill-list button,.file-tabs button,.switch button,.preview button{transition:none}.detail>*{animation:none}}
|