migrate to dartscss

vachan-maker · Feb 16, 2024 · c605efd · c605efd
1 parent 7f77738
commit c605efd
Show file tree

Hide file tree

Showing 10 changed files with 30 additions and 20 deletions.
diff --git a/assets/sass/_global.scss b/assets/sass/_global.scss
@@ -1,4 +1,4 @@
-@import "./utils/variables";
+@use "./utils/variables";
 
 body {
   font-family: $fontParagraph;

diff --git a/assets/sass/components/_footer.scss b/assets/sass/components/_footer.scss
@@ -1,4 +1,4 @@
-@import "../utils/variables";
+@use "../utils/variables";
 
 .footer {
   padding: 15px;

diff --git a/assets/sass/components/_header.scss b/assets/sass/components/_header.scss
@@ -1,4 +1,4 @@
-@import "../utils/variables";
+@use "../utils/variables";
 
 .header {
   font-family: $fontHeader;

diff --git a/assets/sass/components/_post.scss b/assets/sass/components/_post.scss
@@ -1,4 +1,4 @@
-@import "../utils/variables";
+@use "../utils/variables";
 
 .postDate {
   float: right;

diff --git a/assets/sass/components/_social.scss b/assets/sass/components/_social.scss
@@ -1,4 +1,4 @@
-@import "../utils/variables";
+@use "../utils/variables";
 
 
 .socialNavbar {

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
@@ -1,17 +1,17 @@
-@import "./global";
+@use "global";
 
 // utils
-@import "./utils/variables";
-@import "./utils/fonts";
+@use "utils/variables";
+@use "utils/fonts";
 
 // components
-@import "./components/footer";
-@import "./components/header";
-@import "./components/post";
-@import "./components/social";
+@use "components/footer";
+@use "components/header";
+@use "components/post";
+@use "components/social";
 
 // pages
-@import "./pages/single";
-@import "./pages/list";
-@import "./pages/index";
-@import "./pages/baseof";
+@use "pages/single";
+@use "pages/list";
+@use "pages/index";
+@use "pages/baseof";
diff --git a/assets/sass/pages/_baseof.scss b/assets/sass/pages/_baseof.scss
@@ -1,4 +1,4 @@
-@import "../utils/variables";
+@use "../utils/variables";
 
 .content {
   text-align: center;

diff --git a/assets/sass/pages/_list.scss b/assets/sass/pages/_list.scss
@@ -1,4 +1,4 @@
-@import "../utils/variables";
+@use "../utils/variables";
 
 .listHeader, .listContent {
     text-align: left;

diff --git a/assets/sass/pages/_single.scss b/assets/sass/pages/_single.scss
@@ -1,4 +1,4 @@
-@import "../utils/variables";
+@use "../utils/variables";
 
 .postWrapper {
     text-align: left;

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -18,7 +18,17 @@
   <link href="{{ .Permalink }}" rel="feed" type="application/rss+xml" title="{{ $.Site.Title }}" >
 {{- end -}}
 
-{{ $style := resources.Get "sass/main.scss" | toCSS | minify | fingerprint }}
+{{ $vars := dict
+  "color" (or site.Params.styles.color "blue")
+}}
+
+{{ $options := dict
+  "targetPath" "css/style.css"
+  "transpiler" "dartsass"
+  "vars" $vars
+}}
+
+{{ $style := resources.Get "sass/main.scss" | toCSS $options | minify | fingerprint }}
 <link href="{{ $style.RelPermalink }}" rel="stylesheet">
 
 {{ partial "custom-head.html" . }}