An open API service indexing awesome lists of open source software.

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

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

plugin rjs scss

Last synced: 4 months ago
JSON representation

rJS plugin for SCSS stylesheets.

Awesome Lists containing this project

README

        

## SCSS   rJS Plugin

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.scss
└─ rates.scss
```

src/scss/pages/rates.scss

``` scss
body {
h1 {
color: red;
}
}
```

public/rates.html

``` html





Rates


```

### 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