Fix auto theme

- Refactor style.sass to re-import css files in each theme block
- Unpin autoprefixer

Close #275

.github/workflows/test-versions.yml

@@ -25,7 +25,7 @@ jobs:
       - name: Install tools
         run: |
           sudo apt install curl jq
-          npm i -g postcss postcss-cli autoprefixer@9.8.6
+          npm i -g postcss postcss-cli autoprefixer
 
       - name: Test with Hugo ${{ matrix.hugo }}
         uses: peaceiris/actions-hugo@v2

assets/sass/style.sass

@@ -1,19 +1,29 @@
 {{ $themeStyle := .Site.Params.themeStyle | default "light" }}
 
 {{ if eq $themeStyle "auto" }}
+@import "fonts"
 @import "light-variables"
+@import "base-variables"
+@import "bulma-import"
+@import "fontawesome-import"
+@import "base"
 @import "light-style"
 
 @media (prefers-color-scheme: dark)
+    @import "fonts"
     @import "dark-variables"
+    @import "base-variables"
+    @import "bulma-import"
+    @import "fontawesome-import"
+    @import "base"
     @import "dark-style"
 
 {{ else }}
-@import "{{ $themeStyle }}-variables"
-@import "{{ $themeStyle }}-style"
-{{ end }}
-
 @import "fonts"
+@import "{{ $themeStyle }}-variables"
 @import "base-variables"
 @import "bulma-import"
+@import "fontawesome-import"
 @import "base"
+@import "{{ $themeStyle }}-style"
+{{ end }}

exampleSite/resources/_gen/assets/sass/sass/style.sass_b1195a7e151e6f4379f823b1b2b4f87a.json

@@ -1 +1 @@
-{"Target":"css/main.min.941d414b5f8f2724f88888d5432c631eb46bc5e459c7009914db5bc605643532.css","MediaType":"text/css","Data":{"Integrity":"sha256-lB1BS1+PJyT4iIjVQyxjHrRrxeRZxwCZFNtbxgVkNTI="}}
+{"Target":"css/main.min.b585a8284c1aac790128d8ef2a1621d21bbe8c16ca31119fa61b25a082cfef02.css","MediaType":"text/css","Data":{"Integrity":"sha256-tYWoKEwarHkBKNjvKhYh0hu+jBbKMRGfphsloILP7wI="}}