GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-19 10:54:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(AliasList): migrate styles to SCSS file and update CSS import

Browse Source
This commit is contained in:
Amir Pourmand 2025-09-04 19:23:15 +03:30
parent 754fecdd8a
commit 434f094f35
2 changed files with 37 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
quartz/components/AliasList.tsx
View File

@ -21,43 +21,6 @@ const AliasList: QuartzComponent = ({ fileData, displayClass }: QuartzComponentP
}
}
AliasList.css = `
.aliases {
margin: 1rem 0;
}
.aliases h4 {
margin: 0 0 0.5rem 0;
font-size: 0.9rem;
color: var(--gray);
font-weight: 600;
}
.aliases-list {
list-style: none;
display: flex;
padding-left: 0;
gap: 0.4rem;
margin: 0;
flex-wrap: wrap;
}
.aliases-list > li {
display: inline-block;
white-space: nowrap;
margin: 0;
overflow-wrap: normal;
}
.alias-item {
border-radius: 6px;
background-color: var(--lightgray);
color: var(--dark);
padding: 0.2rem 0.4rem;
margin: 0 0.1rem;
font-size: 0.8rem;
border: 1px solid var(--border);
}
`
AliasList.css = "./styles/aliaslist.scss"
export default (() => AliasList) satisfies QuartzComponentConstructor

36
quartz/components/styles/aliaslist.scss Normal file
View File

@ -0,0 +1,36 @@
.aliases {
margin: 1rem 0;
h4 {
margin: 0 0 0.5rem 0;
font-size: 0.9rem;
color: var(--gray);
font-weight: 600;
}
}
.aliases-list {
list-style: none;
display: flex;
padding-left: 0;
gap: 0.4rem;
margin: 0;
flex-wrap: wrap;
> li {
display: inline-block;
white-space: nowrap;
margin: 0;
overflow-wrap: normal;
}
}
.alias-item {
border-radius: 6px;
background-color: var(--lightgray);
color: var(--dark);
padding: 0.2rem 0.4rem;
margin: 0 0.1rem;
font-size: 0.8rem;
border: 1px solid var(--border);
}