https://github.com/anthonyshort/component-sass
Component(1) plugin for SCSS files
https://github.com/anthonyshort/component-sass
Last synced: 29 days ago
JSON representation
Component(1) plugin for SCSS files
- Host: GitHub
- URL: https://github.com/anthonyshort/component-sass
- Owner: anthonyshort
- Created: 2013-04-01T00:43:42.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2013-05-31T12:38:15.000Z (almost 12 years ago)
- Last Synced: 2025-04-14T02:05:26.877Z (29 days ago)
- Language: JavaScript
- Homepage:
- Size: 127 KB
- Stars: 4
- Watchers: 2
- Forks: 5
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# component-sass
Component plugin to compile SCSS files on-the-fly. This allows you to write components in SCSS. In addition, it adds
all of your `paths` from your `component.json` as Sass load paths.
## Installation
```
npm install component-sass
```
## Usage
```
component build --use component-sass
```
Add you SCSS files to the `styles` section of your `component.json`
```
{
"name": "foo",
"path": ["local"],
"styles": ["index.scss"]
}
```
Now in your `index.scss`:
```
.foo {
.bar {
color: red;
}
}
```
If you have other Sass components stored in any of your `paths` (eg ./local/my-component/index.scss) you can require them easily:
```
@import "my-component/index";
```