https://github.com/rapidjs-org/plugin--scss

rJS plugin for SCSS stylesheets.
https://github.com/rapidjs-org/plugin--scss

plugin rjs scss

Last synced: about 15 hours ago
JSON representation

rJS plugin for SCSS stylesheets.

• Host: GitHub
• URL: https://github.com/rapidjs-org/plugin--scss
• Owner: rapidjs-org
• Created: 2024-11-13T23:51:03.000Z (3 days ago)
• Default Branch: main
• Last Pushed: 2024-11-15T13:19:22.000Z (2 days ago)
• Last Synced: 2024-11-15T13:42:52.323Z (2 days ago)
• Topics: plugin, rjs, scss
• Language: JavaScript
• Homepage:
• Size: 4.88 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## [rJS](https://rapidjs.org) Plugin: SCSS

More maintainable stylesheets with [SCSS](https://sass-lang.com/).

### Install

``` console

npm i rapidjs-org/plugin--scss

```

__rjs.plugin.json

``` json

{

  "package": "@plugins.rapidjs.org/scss"

}

```

### Use

```

└─ /src …

   └─ /scss

      ├─ __rjs.plugin.json

      ├─ /components

      │  ├─ _button.scss

      │  ├─ _header.scss

      │  └─ _footer.scss

      └─ /pages

         ├─ index.html

         └─ rates.html

```

### Configure

By default, the plugin works relative to the root for both the plugin directory (input), and public directory (output). Alternative relative paths can be specified via `inPath` and `outPath`, respectively.  

__rjs.plugin.json

``` json

{

  "package": "@plugins.rapidjs.org/scss",

  "config": {

    "inPath": "assets/css/",

    "outPath": "pages/"

  }

}

```

> The SCSS to CSS transpilation bases on **[flecss](https://github.com/flecss/flecss)**. To opt-in with advanced **flecss** framework features, provide the respective library name to `config.flecssLibrary`. **flecss** variable overrides are then expected in `/__overrides.scss`.

##

© Thassilo Martin Schiepanski