jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-19 04:55:30 -04:00
Code Issues Activity

extract inline page styles into a separate CSS file, and scope to content via SCSS

Browse Source 
styles on AMP pages still won't be scoped to div#content like vanilla pages, though
This commit is contained in:
Jake Jarvis
2020-04-12 12:02:58 -04:00
parent 2fa95de9b1
commit 124d55a99e
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
layouts/partials/head/styles.html
View File

@@ -1,9 +1,12 @@
{{ $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 */}}
{{/* Page-specific styles set via front matter, scoped via SCSS */}}
{{ with .Params.css }}
<style>
{{ . | safeCSS }}
</style>
{{- $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 }}