hibby
/
PaperModX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move blogroll style to css file 

prevent instantclick from ignoring the style
This commit is contained in:
Reorx 2022-09-07 01:45:22 +08:00
parent 3bc70e9a2c
commit cd0381f6d3
2 changed files with 43 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
assets/css/common/blogroll.css Normal file
View File

@ -0,0 +1,42 @@
.links-container {
font-size: 16px;
}
.links-container blockquote {
margin: var(--gap) 0;
padding: 0 14px;
border-inline-start: 3px solid var(--primary);
}
.links .item {
padding: 12px;
background: var(--entry);
border-radius: var(--radius);
margin-bottom: var(--gap);
border: 1px solid var(--border);
}
.links .favicon {
display: inline-block;
background-size: 16px 16px;
width: 16px;
height: 16px;
image-rendering: -webkit-optimize-contrast;
}
.links .item .title .favicon {
margin-right: calc(var(--gap) / 2);
vertical-align: middle;
}
.links .item .title a:hover {
text-decoration: underline;
}
.links .item .description {
margin-left: calc(16px + var(--gap) / 2);
color: var(--secondary);
}
.links .item .description .delimiter::after {
content: "·";
margin-inline-start: .5em;
margin-inline-end: .5em;
}

47
layouts/blogroll/section.html
View File

@ -1,49 +1,4 @@
{{- define "head" }}
<style>
.links-container {
font-size: 16px;
}
.links-container blockquote {
margin: var(--gap) 0;
padding: 0 14px;
border-inline-start: 3px solid var(--primary);
}
.links .item {
padding: 12px;
background: var(--entry);
border-radius: var(--radius);
margin-bottom: var(--gap);
border: 1px solid var(--border);
}
.links .favicon {
display: inline-block;
background-size: 16px 16px;
width: 16px;
height: 16px;
image-rendering: -webkit-optimize-contrast;
}
.links .item .title .favicon {
margin-right: calc(var(--gap) / 2);
vertical-align: middle;
}
.links .item .title a:hover {
text-decoration: underline;
}
.links .item .description {
margin-left: calc(16px + var(--gap) / 2);
color: var(--secondary);
}
.links .item .description .delimiter::after {
content: "·";
margin-inline-start: .5em;
margin-inline-end: .5em;
}
</style>
{{- end }}
{{/* section is AKA list */}}
{{- define "main" }}
<header class="page-header">