Limit external link styling

This commit is contained in:
Gabriel Arazas 2022-11-22 19:59:24 +08:00
parent 8f3cd78b1a
commit 4d47f5192a
3 changed files with 39 additions and 37 deletions

View File

@ -36,30 +36,6 @@ article {
}
}
/*
Select all links that are external.
In this case, we'll just exclude all links that are...
- All internal anchors.
- All links that points to a relative path.
- All origin-relative URLs.
Also, all links that are explicitly marked as external are obviously
considered.
*/
a[href]:not(:where(
a[href^="#"],
a[href^="./"],
a[href^="../"],
a[href^="/"]:not(a[href^="//"]),
))::after, a[rel~="external"]::after {
color: var(--base05);
font-size: 0.50em;
content: " [🡕]";
vertical-align: super;
}
/* Text formatting */
h1, h2, h3,
h4, h5, h6 {

View File

@ -2,14 +2,40 @@
This is a site-specific styling that have to be generated.
*/}}
/* Internal links are not to be styled. */
{{- $baseURL := urls.Parse $.Site.BaseURL }}
a[href]:where(
a[href^="http://{{- $baseURL.Host -}}"],
a[href^="https://{{- $baseURL.Host -}}"],
a[href$="{{- $baseURL.Host -}}"],
a[href$="{{- $baseURL.Host -}}/"],
a[href^="{{- $.Site.BaseURL -}}"],
)::after {
content: unset;
article > main {
/*
Select all links that are external.
In this case, we'll just exclude all links that are...
- All internal anchors.
- All links that points to a relative path.
- All origin-relative URLs.
Also, all links that are explicitly marked as external are obviously
considered.
*/
a[href]:not(:where(
a[href^="#"],
a[href^="./"],
a[href^="../"],
a[href^="/"]:not(a[href^="//"]),
))::after, a[rel~="external"]::after {
color: var(--base05);
font-size: 0.50em;
content: " [🡕]";
vertical-align: super;
}
/* Internal links are not to be styled. */
{{- $baseURL := urls.Parse $.Site.BaseURL }}
a[href]:where(
a[href^="http://{{- $baseURL.Host -}}"],
a[href^="https://{{- $baseURL.Host -}}"],
a[href$="{{- $baseURL.Host -}}"],
a[href$="{{- $baseURL.Host -}}/"],
a[href^="{{- $.Site.BaseURL -}}"],
)::after {
content: unset;
}
}

View File

@ -1,7 +1,6 @@
{{ define "main" }}
<section>
{{ .Content }}
</section>
<article>
<main>{{- .Content }}</main>
{{- /* The homepage should show only pages from the given sections (with `$.Site.Params.mainSections`).
Otherwise, we take the pages of a section. */ -}}
@ -18,4 +17,5 @@ Otherwise, we take the pages of a section. */ -}}
{{- end }}
{{- partial "pagination.html" (dict "Paginator" .Paginator "activeNumberOfPages" 2) }}
</article>
{{- end }}