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.
- Host: GitHub
- URL: https://github.com/rapidjs-org/plugin--scss
- Owner: rapidjs-org
- License: mit
- Created: 2024-11-13T23:51:03.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-11-30T23:33:51.000Z (7 months ago)
- Last Synced: 2025-01-17T10:26:05.012Z (6 months ago)
- Topics: plugin, rjs, scss
- Language: JavaScript
- Homepage:
- Size: 16.6 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## SCSS   
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