<commit_before># Ember-cli-sass-pods

Enjoy styling your pods with the sass style file in the pod directory.

## Installation

Install [ember-cli-sass](https://github.com/aexmachina/ember-cli-sass).

```
npm install --save-dev ember-cli-sass
```

Install ember-cli-sass-pods

```
npm install --save-dev ember-cli-sass-pods
```

## The import file
You need to add the import file into your main app scss file.

If you use podModulePrefix (which is deprecated) your imports file will be
```
[podModulePrefix].scss
```
otherwize it will be:
```
imports.scss
```
Add import line into your main app scss file:

```
@import "app/styles/[podModulePrefix or imports.scss]";
```

## Usage

To generate style into your pod - just run:

```
ember g style [path] -p
```

## Example
Say you got contacts route and contact-box component. With [ember-cli-sass-pods](https://github.com/DudaDev/ember-cli-sass-pods) your file structure will be:

#####App structure
```
app/
app/contacts
app/contacts/route.js
app/contacts/template.hbs
app/contacts/style.scss

app/components/
app/components/contact-box
app/components/contact-box/component.js
app/components/contact-box/template.hbs
app/components/contact-box/style.scss

app/styles/
app/styles/app.scss
app/styles/[importFileName].scss
```
#####app/styles/[importFileName].scss
```
@import "app/contacts/style";
@import "app/components/contact-box/style";
```

Enjoy styling your pod! :)
<commit_msg>Readme update<commit_after># Ember-cli-sass-pods

Enjoy styling your pods with the sass style file in the pod directory.

## Installation

Install [ember-cli-sass](https://github.com/aexmachina/ember-cli-sass).

```
npm install --save-dev ember-cli-sass
```

Install ember-cli-sass-pods

```
npm install --save-dev ember-cli-sass-pods
```

### The import file
You need to add the import file into your main app scss file.

If you use podModulePrefix (which is deprecated) your imports file will be
```
[podModulePrefix].scss
```
otherwize it will be:
```
imports.scss
```
Add import line into your main app scss file:

```
@import "app/styles/[podModulePrefix or imports.scss]";
```

## Usage

To generate style into your pod - just run:

```
ember g style [path] -p
```

## Example
Say you got contacts route and contact-box component. With [ember-cli-sass-pods](https://github.com/DudaDev/ember-cli-sass-pods) your file structure will be:

#####App structure
```
app/
app/contacts
app/contacts/route.js
app/contacts/template.hbs
app/contacts/style.scss

app/components/
app/components/contact-box
app/components/contact-box/component.js
app/components/contact-box/template.hbs
app/components/contact-box/style.scss

app/styles/
app/styles/app.scss
app/styles/[importFileName].scss
```
#####app/styles/[importFileName].scss
```
@import "app/contacts/style";
@import "app/components/contact-box/style";
```

Enjoy styling your pod! :)

{'fraction_non_alphanumeric': 0.1453468107354479, 'fraction_numerical': 0.0, 'mean_word_length': 4.394736842105263, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6377391', 'n_tokens_mistral': 1037, 'n_tokens_neox': 974, 'n_words': 259}