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

Pill-shape when active

Browse Source 
More, mooooore details that no one will notice
This commit is contained in:
David Lapshin
2024-05-27 01:57:34 +03:00
parent ad7db51393
commit 82a3e6c0ed
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
sass/_nav.scss
View File

@ -58,6 +58,10 @@
border-bottom: 0.25rem solid var(--primary-color); border-bottom: 0.25rem solid var(--primary-color);
} }
&:active::before {
border-radius: 0.25rem;
}
&::before { &::before {
display: block; display: block;
position: absolute; position: absolute;
@ -65,7 +69,7 @@
right: 1.5rem; right: 1.5rem;
left: 1.5rem; left: 1.5rem;
transition-duration: var(--transition); transition-duration: var(--transition);
transition-property: right, left, border-bottom; transition-property: right, left, border-bottom, border-radius;
border-bottom: 0.25rem solid var(--fg-muted-2); border-bottom: 0.25rem solid var(--fg-muted-2);
border-radius: 0 0 0.25rem 0.25rem; border-radius: 0 0 0.25rem 0.25rem;
content: ""; content: "";