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

Get rid of overcomplicated transition properties

Browse Source 
Not a single time this been useful, quite the opposite; it was very
annoying
This commit is contained in:
daudix
2024-06-15 02:18:13 +03:00
parent 5aa00a628b
commit 018fcf813c
12 changed files with 22 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
sass/_nav.scss
View File

@ -33,8 +33,7 @@
a {
position: relative;
transition-duration: var(--transition);
transition-property: box-shadow, background-color, color, transform;
transition: var(--transition);
border-radius: 999px;
padding: 0.325rem 0.75rem;
color: var(--fg-muted-4);
@ -58,8 +57,7 @@
top: -0.5rem;
right: 1.5rem;
left: 1.5rem;
transition-duration: var(--transition);
transition-property: right, left, border-bottom, border-radius;
transition: var(--transition);
border-bottom: 0.25rem solid var(--fg-muted-2);
border-radius: 0 0 0.25rem 0.25rem;
content: "";
@ -82,8 +80,7 @@
transform: translateY(-100%);
opacity: 0;
z-index: 999;
transition-duration: var(--transition);
transition-property: transform, opacity;
transition: var(--transition);
background: var(--bg-color), var(--primary-color);
pointer-events: none;
@ -129,7 +126,7 @@
-webkit-mask-image: $icon;
vertical-align: -0.125em;
mask-image: $icon;
transition: background-color var(--transition);
transition: var(--transition);
background-color: var(--fg-muted-4);
width: 1rem;
height: 1rem;