1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 06:58:28 -04:00
Jake Jarvis 124d55a99e
extract inline page styles into a separate CSS file, and scope to content via SCSS
styles on AMP pages still won't be scoped to div#content like vanilla pages, though
2020-04-12 12:02:58 -04:00

13 lines
647 B
HTML

{{ $style := resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "sass/main.scss" . | resources.ToCSS (dict "targetPath" "style.css") | resources.PostCSS (dict "config" "postcss.config.js") }}
<link rel="stylesheet" href="{{ $style.Permalink }}">
{{/* Page-specific styles set via front matter, scoped via SCSS */}}
{{ with .Params.css }}
{{- $sass := printf "div#content { %s }" . }}
{{- $target := path.Join $.File.Dir "inline.scss" }}
{{- $css := $sass | resources.FromString $target | resources.ToCSS | resources.PostCSS (dict "config" "postcss.config.js") -}}
<link rel="stylesheet" href="{{ $css.Permalink }}">
{{ end }}