only declare CSS vars once; pass vars file to postcss for reference

mojavelinux · mojavelinux · commit 773027185343 · 2020-12-22T04:54:34.000-07:00
diff --git a/gulp.d/tasks/build.js b/gulp.d/tasks/build.js
@@ -52,7 +52,8 @@ module.exports = (src, dest, preview) => () => {
         },
       },
     ]),
-    postcssVar({ preserve: preview }),
+    // NOTE importFrom is for supplemental CSS files
+    postcssVar({ importFrom: path.join(src, 'css', 'vars.css'), preserve: preview }),
     preview ? postcssCalc : () => {},
     autoprefixer,
     preview
diff --git a/src/css/home.css b/src/css/home.css
@@ -1,5 +1,3 @@
-@import "vars.css";
-
 .doc .panel {
   margin-top: 1rem;
   background-color: var(--color-smoke-50);
diff --git a/src/css/vendor/docsearch.css b/src/css/vendor/docsearch.css
@@ -1,5 +1,4 @@
 @import "docsearch.js/dist/cdn/docsearch.css";
-@import "../vars.css";
 
 .algolia-autocomplete .ds-dropdown-menu > :first-child {
   max-height: calc(100vh - var(--navbar-height));

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`		`-@import "vars.css";`
`2`		`-`
`3`	`1`	`.doc .panel {`
`4`	`2`	`margin-top: 1rem;`
`5`	`3`	`background-color: var(--color-smoke-50);`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`@import "docsearch.js/dist/cdn/docsearch.css";`
`2`		`-@import "../vars.css";`
`3`	`2`
`4`	`3`	`.algolia-autocomplete .ds-dropdown-menu > :first-child {`
`5`	`4`	`max-height: calc(100vh - var(--navbar-height));`