# smacss-sass

> Basic folder/structure generator for the SMACSS methodology + SASS.

Latest version **1.0.8** (published 2019-10-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install smacss-sass
pnpm add smacss-sass
yarn add smacss-sass
bun add smacss-sass
```

## 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.0.8 |
| Published | 2019-10-28 |
| First published | 2019-10-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 5.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Dev Diogo |
| Maintainers | devdiogo |
| Keywords | smacss, sass, css, generator |

## Links

- npm: https://www.npmjs.com/package/smacss-sass
- Repository: https://github.com/devdiogo/smacss-sass
- Homepage: https://github.com/devdiogo/smacss-sass#readme
- Issues: https://github.com/devdiogo/smacss-sass/issues
- npm.io page: https://npm.io/package/smacss-sass

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 1.0.8 (latest) — 2019-10-28
- 1.0.7 — 2019-10-28
- 1.0.6 — 2019-10-28
- 1.0.5 — 2019-10-28
- 1.0.4 — 2019-10-28
- 1.0.3 — 2019-10-28
- 1.0.2 — 2019-10-27
- 1.0.1 — 2019-10-27
- 1.0.0 — 2019-10-27

## README

# Description

Hey there! This is a VERY simple package and it's hardcoded to create my folder/file structure for implementing the SMACSS methodology with SASS.

If you want to know more about SMACSS, the [official website](http://smacss.com/) is the best content you will need to start.

(If you want to make it more advanced, feel free to [pull request](https://github.com/devdiogo/smacss-sass))

# How to use
Open your terminal, run **npm i -g smacss-sass** then **cd** into your project folder and run **smacss-sass**

That's it! It will create a folder called **sass** with the folders and files you need to start.

# Files

>  **sass**  
>  >***app.sass*** # comment  
>
>  >**base**  
>  >>***_mixins.sass*** # general mixins  
>  >>***_variables.sass*** # variables  
>  >>***_fonts.sass*** # all font imports  
>  >>***_reset.sass*** # resets  
>  >>***_base.sass*** # base styles  
>  >>***_import.sass*** # imports the base files  
>
>  >**layout**  
>  >>***_layout.sass*** # layout  
>  >>***_import.sass*** # imports the layout files  
>
>  >**module**  
>  >> ... here you have only a import file waiting for you to create your own modules and import them  
>  >>***_import.sass*** # imports the module files  
>
>  >**state**  
>  >>***_state.sass*** # states  
>  >>***_import.sass*** # imports the states files  
>
>  >**theme**  
>  >>***_theme.sass*** # themes (you can delete this and create specific files for each theme if it gets really big  
>  >>***_import.sass*** # imports the theme files

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