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

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

Browse Source 
This reverts commit 434f094f35.
This commit is contained in:
Amir Pourmand 2025-09-04 21:12:09 +03:30
parent 434f094f35
commit a3900f37eb
2 changed files with 38 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
quartz/components/AliasList.tsx
View File

@ -21,6 +21,43 @@ const AliasList: QuartzComponent = ({ fileData, displayClass }: QuartzComponentP
}
}
AliasList.css = "./styles/aliaslist.scss"
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);
}
`
export default (() => AliasList) satisfies QuartzComponentConstructor

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

@ -1,36 +0,0 @@
.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);
}