builds with bulma 1.0.1 but browser dark mode changes some colours. R…

…equires dart-sass binary (not npm install).
StefMa · Jul 27, 2024 · 332dc40 · 332dc40
1 parent 8696eee
commit 332dc40
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/assets/style.sass b/assets/style.sass
diff --git a/assets/style.scss b/assets/style.scss
@@ -0,0 +1,2 @@
+@use "../../bulma/sass";
+@use "fresh/core";
diff --git a/layouts/partials/css.html b/layouts/partials/css.html
@@ -1,12 +1,14 @@
 {{- $inServerMode := .Site.IsServer }}
-{{- $sass         := "style.sass" }}
-{{- $cssTarget    := "css/style.css" }}
-{{- $cssOpts      := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true) (dict "targetPath" $cssTarget "outputStyle" "compressed") }}
-{{- $fontName     := .Site.Params.font.name | default "Open Sans" }}
-{{- $fontFace     := replace $fontName " " "+" }}
-{{- $fontSizes    := delimit (.Site.Params.font.sizes | default (slice 300 400 600 700)) "," }}
-{{- $fontUrl      := printf "https://fonts.googleapis.com/css?family=%s:%s" $fontFace $fontSizes }}
-<link rel="icon" type="image/png" href="{{ "images/favicon.png" | relURL }}" />
+{{- $sass := "style.scss" }}
+{{- $cssTarget := "css/style.css" }}
+{{- $cssOpts := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true "transpiler" "dartsass") (dict
+"targetPath" $cssTarget
+"outputStyle" "compressed") }}
+{{- $fontName := .Site.Params.font.name | default "Open Sans" }}
+{{- $fontFace := replace $fontName " " "+" }}
+{{- $fontSizes := delimit (.Site.Params.font.sizes | default (slice 300 400 600 700)) "," }}
+{{- $fontUrl := printf "https://fonts.googleapis.com/css?family=%s:%s" $fontFace $fontSizes }}
+<link rel="icon" type="image/png" href="{{ " images/favicon.png" | relURL }}" />
 <link href="{{ $fontUrl }}" rel="stylesheet">
 {{- if $inServerMode }}
 {{- $css := resources.Get $sass | toCSS $cssOpts }}
@@ -15,4 +17,4 @@
 {{- $css := resources.Get $sass | toCSS $cssOpts | minify | fingerprint }}
 <link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}">
 {{- end }}
-<link rel="stylesheet" type="text/css" href="{{ "css/icons.css" | relURL }}">
+<link rel="stylesheet" type="text/css" href="{{ " css/icons.css" | relURL }}">