create-scss-cli

1.5.6Β β€’Β PublicΒ β€’Β Published

create scss logo

CREATE SCSS CLI

npm version npm license npm downloads npm publish

A command-line interface for a quick and easy way to organize your scss.

Generate an scss folder structure anywhere you want in your application. Choose which template you want to use (complete, clean, custom). Manage your file the same way in every project, and save time doing it.


Documentation

To learn more about create-scss-cli, visit createscss.com

Table of Contents

  1. Installation
  2. Structure
  3. Contribution and support

Installation

Prerequisites

You can install the package globally or execute it right away with npx.

Global install

npm i -g create-scss-cli

After that, you'll be able to use the create-scss-cli command in your project loke so:

cs-cli

NPX

npx create-scss-cli

You will then be prompt with a series of questions to make sure the cli generate the files you want and where you want them.

create-scss-cli setup example

Structure

scss
    β”‚
    β”œβ”€β”€ abstracts
    β”‚Β Β  β”œβ”€β”€ colors
    β”‚Β Β  β”œβ”€β”€ fonts
    β”‚Β Β  β”œβ”€β”€ index
    β”‚   β”œβ”€β”€ mixins
    β”‚Β Β  β”œβ”€β”€ spacing
    β”‚Β Β  └── helper
    β”‚
    β”œβ”€β”€ base
    β”‚Β Β  β”œβ”€β”€ global.scss
    β”‚Β Β  β”œβ”€β”€ shame.scss
    β”‚Β Β  └── typography.scss
    β”‚
    β”œβ”€β”€ components
    β”‚Β Β  β”œβ”€β”€ alert.scss
    β”‚   β”œβ”€β”€ banner.scss
    β”‚Β Β  β”œβ”€β”€ buttons.scss
    β”‚Β Β  β”œβ”€β”€ card.scss
    β”‚Β Β  β”œβ”€β”€ forms.scss
    β”‚Β Β  β”œβ”€β”€ icons.scss
    β”‚Β Β  β”œβ”€β”€ menu.scss
    β”‚Β Β  β”œβ”€β”€ modal.scss
    β”‚Β Β  β”œβ”€β”€ progress.scss
    β”‚Β Β  └── table.scss
    β”‚
    β”œβ”€β”€ layout
    β”‚Β Β  β”œβ”€β”€ footer.scss
    β”‚Β Β  β”œβ”€β”€ grid.scss
    β”‚Β Β  β”œβ”€β”€ header.scss
    β”‚Β Β  β”œβ”€β”€ navigation.scss
    β”‚Β Β  └── sidebar.scss
    β”‚
    β”œβ”€β”€ pages
    β”‚Β Β  └── home.scss
    β”‚
    β”œβ”€β”€ themes
    β”‚Β Β  └── dark.scss
    β”‚
    β”œβ”€β”€ vendor
    β”‚Β Β  └── normalize.scss
    β”‚
    └── main.scss

Contribution

If you want to contribute to this project go to the create-scss-cli repo and open an issue ✏️

Show your support by giving a ⭐️ on Github

πŸ™‹β€β™‚οΈ Author

Maxime Daraize

Github
NPM
Email

Dependencies (6)

Dev Dependencies (2)

Package Sidebar

Install

npm i create-scss-cli

Weekly Downloads

1

Version

1.5.6

License

MIT

Unpacked Size

32.5 kB

Total Files

33

Last publish

Collaborators

  • maximedaraize