From 60352f92dd57d7e48e94aeb54d92a8d424b767ae Mon Sep 17 00:00:00 2001
From: Felix Boerner <ich@felix-boerner.de>
Date: Sat, 01 Jun 2024 17:13:38 +0000
Subject: [PATCH] feat: use libsass to create css file
---
layouts/partials/head.html | 23 ++++++++++++-----------
1 files changed, 12 insertions(+), 11 deletions(-)
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index e0ea996..d2e1721 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,4 +1,5 @@
<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width,initial-scale=1" />
<!-- SEO -->
<title>{{ if .IsPage }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>
@@ -21,19 +22,19 @@
{{ with .Site.Params.favicon }}<link rel="icon" href="{{ . | absURL }}" />{{ end }}
<!-- Styles -->
-<link rel="stylesheet" href="{{ "assets/css/split.css" | absURL }}" type="text/css" media="screen" />
-<meta name="viewport" content="width=device-width,initial-scale=1" />
-{{ if .Site.Params.custom.css.enable }}
-<link rel="stylesheet" href="{{ "css/style.css" | absURL }}" type="text/css" media="screen" />
+{{ if hugo.IsServer }}
+ {{ $cssOpts := (dict "targetPath" "css/split.css" "enableSourceMap" true ) }}
+ {{ $styles := resources.Get "scss/split.scss" | resources.ExecuteAsTemplate "split.css" . | toCSS $cssOpts }}
+ <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen" />
+{{ else }}
+ {{ $cssOpts := (dict "targetPath" "css/split.css" ) }}
+ {{ $styles := resources.Get "scss/split.scss" | resources.ExecuteAsTemplate "split.css" . | toCSS $cssOpts | minify | fingerprint }}
+ <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" crossorigin="anonymous" media="screen" />
{{ end }}
-<!-- Image Styles -->
-{{ if .Site.Params.visual.image.enable }}
- <style>
- {{ if .Site.Params.visual.image.file }}
- .fs-split .split-image { background-image: url("{{ .Site.Params.visual.image.file | absURL }}"); background-position: {{ if .Site.Params.visual.image.position }}{{ .Site.Params.visual.image.position }}{{ else }}center center{{ end }}; }
- {{ end }}
- </style>
+<!-- Custom Styles -->
+{{ if .Site.Params.custom.css.enable }}
+<link rel="stylesheet" href="{{ "css/style.css" | absURL }}" type="text/css" media="screen" />
{{ end }}
<!-- Google Analytics -->
--
Gitblit v1.10.0