fix: better postcss rules

update safelist after upgrading purgecss, making css size reduce from 160kB to 55kB
wlh320 · Jul 26, 2024 · 16359c5 · 16359c5
1 parent 6e1c498
commit 16359c5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -47,15 +47,13 @@
   {{- end }}
   {{- if .Site.Params.postcss }}
     {{- $bulma := $bulmaCss | postCSS | resources.Minify | resources.PostProcess }}
-    {{- $hulga := $hulgaScss | resources.ExecuteAsTemplate "css/hulga.scss" . | resources.ToCSS $options | postCSS  | resources.Minify | resources.PostProcess }}
     <link rel="stylesheet" type="text/css" href="{{ $bulma.RelPermalink }}">
-    <link rel="stylesheet" type="text/css" href="{{ $hulga.RelPermalink }}">
   {{- else }}
     {{- $bulma := $bulmaCss | resources.Minify }}
-    {{- $hulga := $hulgaScss | resources.ExecuteAsTemplate "css/hulga.scss" . | resources.ToCSS $options | resources.Minify }}
-    <link rel="stylesheet" type="text/css" href="{{ $bulma.Permalink | relURL }}">
-    <link rel="stylesheet" type="text/css" href="{{ $hulga.Permalink | relURL }}">
+    <link rel="stylesheet" type="text/css" href="{{ $bulma.RelPermalink }}">
   {{- end }}
+  {{- $hulga := $hulgaScss | resources.ExecuteAsTemplate "css/hulga.scss" . | resources.ToCSS $options | resources.Minify }}
+  <link rel="stylesheet" type="text/css" href="{{ $hulga.RelPermalink }}">
   {{- if .Site.Params.pwa }}
   <link rel="manifest" href="/manifest.json">
   {{- end }}

diff --git a/postcss.config.js b/postcss.config.js
@@ -16,7 +16,7 @@ module.exports = {
                 deep: [/^content/, /^chroma/],
                 greedy: [],
                 keyframes: [],
-                variables: [/control/, /pagination/, /family/, /text/, /link/, /selected/, /primary/]
+                variables: [/bulma-primary-100-l/, /bulma-primary-invert/]
             }
         },
         autoprefixer: {},