Add collection detail page (#37897)
This commit is contained in:
1 parent
bd64ca2583
commit
488e0b2617
17 files changed
+459
-144
No files matched your search
@@ -1,48 +0,0 @@
|
||||
.collectionItemWrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
margin-inline: 10px;
|
||||
padding-inline-end: 5px;
|
||||
border-bottom: 1px solid var(--color-border-primary);
|
||||
}
|
||||
|
||||
.collectionItemContent {
|
||||
position: relative;
|
||||
flex-grow: 1;
|
||||
padding: 15px 5px;
|
||||
}
|
||||
|
||||
.collectionItemLink {
|
||||
display: block;
|
||||
margin-bottom: 2px;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
color: var(--color-text-primary);
|
||||
|
||||
&:hover {
|
||||
color: var(--color-text-brand);
|
||||
}
|
||||
|
||||
&::after {
|
||||
// Increase clickable area by extending link across parent
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.collectionItemInfo {
|
||||
--gap: 0.75ch;
|
||||
|
||||
display: flex;
|
||||
gap: var(--gap);
|
||||
font-size: 13px;
|
||||
color: var(--color-text-secondary);
|
||||
|
||||
& > li:not(:first-child)::before {
|
||||
content: '·';
|
||||
margin-inline-end: var(--gap);
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user