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

Details open animation and custom arrow, make icons use current text color

Browse Source
This commit is contained in:
daudix
2024-09-15 18:14:39 +03:00
parent 958ba09571
commit 75d2e5476c
10 changed files with 84 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
sass/_article-list.scss
View File

@ -30,6 +30,25 @@
h3 {
margin: 0;
a:hover::after {
transform: none;
opacity: 1;
}
a::after {
display: inline-block;
vertical-align: -0.0625em;
transform: translateX(-0.25rem);
opacity: 0;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m5.707 1.293 6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 1 1-1.414-1.414L9.586 8 4.293 2.707a1 1 0 1 1 1.414-1.414m0 0'/%3E%3C/svg%3E");
transition: var(--transition);
margin-inline-start: 0.25rem;
background-color: currentColor;
width: 1rem;
height: 1rem;
content: "";
}
}
.tags {
@ -261,7 +280,6 @@
.icon {
mask-image: var(--icon);
background-color: var(--fg-muted-5);
}
}
@ -271,7 +289,6 @@
.icon {
mask-image: var(--icon);
background-color: var(--purple-fg);
}
}
@ -281,7 +298,6 @@
.icon {
mask-image: var(--icon);
background-color: var(--yellow-fg);
}
}
@ -291,7 +307,6 @@
.icon {
mask-image: var(--icon);
background-color: var(--red-fg);
}
}
@ -301,7 +316,6 @@
.icon {
mask-image: var(--icon);
background-color: var(--brown-fg);
}
}