https://github.com/strarsis/sage10-scss

Sage 10 theme with SCSS (minimal example)
https://github.com/strarsis/sage10-scss

Last synced: 13 days ago
JSON representation

Sage 10 theme with SCSS (minimal example)

• Host: GitHub
• URL: https://github.com/strarsis/sage10-scss
• Owner: strarsis
• License: mit
• Created: 2023-04-16T05:02:56.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-04-01T13:54:50.000Z (8 months ago)
• Last Synced: 2024-10-18T23:55:55.865Z (about 1 month ago)
• Language: PHP
• Size: 648 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
## Sage 10, adjusted for SCSS (SASS)

See the [commits](https://github.com/strarsis/sage10-scss/commits/master) for the required steps.

## Reference assets

When using [`bud.alias`](https://bud.js.org/docs/bud.alias/) with SCSS (SASS) ([`bud-sass`](https://bud.js.org/extensions/bud-sass/)), 

you can use the `bud` (`webpack`) aliases by prefixing them with a tilde sign (`~`), 

like so

(note: `~@images` used in the example is a predefined alias added by [`@roots/sage`](https://bud.js.org/docs/bud.alias/#rootssage)):

```scss

.test {

  background: url("~@images/background/test.jpg");

}

````

Without that tilde sign (`~`) the path is not correctly interpolated when compiling the SCSS.

## Common issues

### `Module not found: Error: Can't resolve '@styles/[...]'`

`npm` `dev` dependencies `@roots/bud-sass` and `@roots/bud-postcss` have to be installed.

### Some JavaScript error occurs when `bud` is used

Ensure that all `bud`-specific dependencies have the same version (or at least close).