zeus-css 1.0.13 → 1.0.14

package/README.md

@@ -77,7 +77,7 @@ $zeus-colors: (
 Then compile `zeus.theme.scss` and link **that** output instead of `zeus-css/dist/zeus.css`:
 
 ```bash
-sass --load-path=node_modules zeus.theme.scss zeus.theme.css
+sass zeus.theme.scss zeus.theme.css
 ```
 
 Re-run this command after any edit to `zeus.config.scss` / `zeus.customize.scss`. Running `npx zeus-css init` again never overwrites files you already have.

package/bin/init.js

@@ -100,6 +100,18 @@ try {
   $zeus-button-variants: localCustomize.$zeus-button-variants
 `;
 
+  // Relative path from the project root to this package's own scss/ files.
+  // A bare "zeus-css/..." specifier only resolves via npm-aware tooling
+  // (bundler resolution, or `sass --load-path=node_modules`) — computing a
+  // real relative path instead also works for someone who just downloaded
+  // this folder (no npm, no node_modules) and compiles with plain `sass`,
+  // and is no worse for the normal npm case since __dirname already points
+  // at wherever npm/pnpm/yarn actually resolved this package on disk.
+  const packageRoot = path.join(__dirname, '..');
+  const toPosix = (p) => p.split(path.sep).join('/');
+  const zeusBridgeRelPath = toPosix(path.relative(projectRoot, path.join(packageRoot, 'scss', 'zeus.scss')));
+  const zeusFoundationRelPath = toPosix(path.relative(projectRoot, path.join(packageRoot, 'scss', 'foundation', 'foundation.scss')));
+
   // 2. Generate the Bridge file — configured tokens/mixins/functions for
   // .module.scss files. Emits zero CSS on its own (see zeus-css/scss/zeus.scss).
   const bridgeContent = `// ╔══════════════════════════════════════════════════════════════╗
@@ -116,10 +128,10 @@ try {
 @use "./zeus.config.scss" as localConfig;
 @use "./zeus.customize.scss" as localCustomize;
 
-@use "zeus-css/scss/zeus.scss" with (${configArgs});
+@use "${zeusBridgeRelPath}" with (${configArgs});
 
 // Expose the configured framework so you can import it elsewhere
-@forward "zeus-css/scss/zeus.scss";
+@forward "${zeusBridgeRelPath}";
 `;
 
   writeIfMissing(
@@ -140,14 +152,14 @@ try {
 // precompiled zeus-css/dist/zeus.css always ships with the framework
 // defaults and never sees your local edits.
 //
-//   sass --load-path=node_modules zeus.theme.scss zeus.theme.css
+//   sass zeus.theme.scss zeus.theme.css
 //
 // Then link zeus.theme.css instead of zeus-css/dist/zeus.css.
 
 @use "./zeus.config.scss" as localConfig;
 @use "./zeus.customize.scss" as localCustomize;
 
-@use "zeus-css/scss/foundation/foundation.scss" with (${configArgs});
+@use "${zeusFoundationRelPath}" with (${configArgs});
 `;
 
   writeIfMissing(
@@ -185,7 +197,7 @@ declare module '*.scss';
   console.log('1. For component .module.scss files, use the bridge (no CSS emitted):');
   console.log('   @use "./zeus.scss" as *;');
   console.log('2. For your actual themed stylesheet, compile zeus.theme.scss and link its output instead of zeus-css/dist/zeus.css:');
-  console.log('   sass --load-path=node_modules zeus.theme.scss zeus.theme.css');
+  console.log('   sass zeus.theme.scss zeus.theme.css');
   console.log('3. Edit zeus.config.scss or zeus.customize.scss and recompile to update the framework globally.');
 } catch (e) {
   console.error('❌ Failed to extract Zeus config files', e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zeus-css",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "⚡ A Premium, Zero-Emission, Fluid-Scaling CSS Framework based on Sass SCSS Engine",
   "author": "Stavros Lazaris",
   "license": "MIT",