# scss-2-css

> create css files for scss files inside components

Latest version **1.1.0** (published 2017-05-21) · ISC license · 0 weekly downloads

## Install

```sh
npm install scss-2-css
pnpm add scss-2-css
yarn add scss-2-css
bun add scss-2-css
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.0 |
| Published | 2017-05-21 |
| First published | 2017-05-20 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | yaswanthsvist@gmail.com |
| Maintainers | yaswanthsvist |

## Links

- npm: https://www.npmjs.com/package/scss-2-css
- Repository: https://github.com/yaswanthsvist/scss-2-css
- Homepage: https://github.com/yaswanthsvist/scss-2-css#readme
- Issues: https://github.com/yaswanthsvist/scss-2-css/issues
- npm.io page: https://npm.io/package/scss-2-css

## Dependencies (5)

- [fs](https://npm.io/package/fs.md) 0.0.1-security
- [gulp](https://npm.io/package/gulp.md) ^3.9.1
- [path](https://npm.io/package/path.md) ^0.12.7
- [chokidar](https://npm.io/package/chokidar.md) ^1.7.0
- [gulp-sass](https://npm.io/package/gulp-sass.md) ^3.1.0

## Recent versions

- 1.1.0 (latest) — 2017-05-21
- 1.0.0 — 2017-05-20

## README

in angular 2/4, Web components are essentially fully encapsulated HTML elements. Since the HTML and CSS are encapsulated in the component, the component will always display the way it was designed, even if some later-loaded CSS style sheet changes
the presentation rules on HTML elements.
This module will convert the scss files present in child components(child directories) to css file's.
Goal is to make scss more modular in angular2/4.
But this module can be used any where.
```
import { Component } from '@angular/core';
 @Component({
 selector: 'payment-root',
 templateUrl: './payment.component.html',
 /*styleUrls: ['./payment.component.scss']  //instead of scss file*/
 styleUrls: ['./payment.component.css'] //use generated css
})
 ```
# Installing
```
npm install --save-dev scss-2-css
```
# Usage
```
var scss2css = require('scss-2-css');
scss2css("./src")
```

# Usage with gulp

```
var gulp = require('gulp');
var scss2css = require('scss-2-css');

gulp.task('sass', function () {
	scss2css("./src")
});
```

---
_Source: https://npm.io/package/scss-2-css · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._