hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Only target needed elements for transitioning, more fail-proof reduced motion setting

Browse Source
This commit is contained in:
David Lapshin
2024-05-09 23:32:09 +03:00
parent 1f7dab1f59
commit b7b95e6653
11 changed files with 38 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/_article-list.scss
View File

@ -5,7 +5,8 @@
&.draft {
transform: scale(0.95);
opacity: 0.6;
transition: var(--transition-longer);
transition-duration: var(--transition-longer);
transition-property: transform, opacity, outline, outline-offset;
outline: 2px dashed var(--fg-muted-2);
outline-offset: 1rem;
border-radius: 1rem;
@ -23,7 +24,6 @@
position: absolute;
top: 0;
right: 0;
transition: var(--transition);
box-shadow: var(--edge-highlight);
border-radius: 999px;
padding: 0.25rem 0.75rem;