deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2025-12-17 04:48:44 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

✨ feat: add tag filtering for projects

Browse source
This commit is contained in:
welpo 2024-11-15 01:54:17 +01:00
parent 8e1acdbba2
commit 8b28514c8b
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
17 changed files with 267 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

50
sass/parts/_cards.scss
View file

@ -1,3 +1,44 @@
.filter-controls {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 12px;
margin-top: 1.2rem;
margin-bottom: -1rem;
padding: 0;
list-style: none;
#all-projects-filter {
display: none;
}
.taxonomy-item {
margin: 0;
a {
display: inline-block;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
border-radius: 1rem;
background: var(--bg-2);
padding: 0 16px;
color: var(--text-color);
font-size: 0.8rem;
text-decoration: none;
&:hover {
background: var(--primary-color);
color: var(--hover-color);
}
&.active {
background: var(--primary-color);
color: var(--hover-color);
}
}
}
}
.cards {
display: grid;
grid-template-rows: auto;
@ -53,4 +94,13 @@
.cards {
gap: 18px;
}
.filter-controls {
gap: 8px;
margin: 18px 0;
.taxonomy-item a {
padding: 4px 12px;
}
}
}