hugo-theme-more-contentful/assets/templates/site.scss
2022-11-22 19:59:52 +08:00

42 lines
1002 B
SCSS

{{/*
This is a site-specific styling that have to be generated.
*/}}
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;
}
}