Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/csstyle-org/csstyle

clean, simple styling for styling the web.
https://github.com/csstyle-org/csstyle

Last synced: about 1 month ago
JSON representation

clean, simple styling for styling the web.

Awesome Lists containing this project

README

        

[csstyle](https://csstyle.io)

**Clean**, **simple**, for styling the **web**.

csstyle is a modern approach for crafting **beautifully maintainable** stylesheets. Keeping CSS clean and organized is really hard. csstyle provides a higher-level abstraction for writing modular CSS. Written for [Sass](https://sass-lang.com/), it makes your CSS readable and semantic, generates your selectors for you, and automatically handles things like specificity and nesting.

csstyle makes your project's styling **refreshingly consistent**

## Getting Started

Install csstyle via npm or yarn.

```shell
$ npm install --save-dev csstyle
$ yarn add --dev csstyle
```

Next, you need to add the `app` id to your `html` tag. You can use another id if you like, but you will need to configure this in your csstyle settings.

```html

...

```

Lastly, you'll need to import csstyle in your main sass file.

```scss
@import '~csstyle/csstyle';
```

Now you're set and can start creating components with options & parts, adding in tweaks and locations as needed. Enjoy!

## Documentation

Documentation for csstyle can be found [here](https://csstyle.io/installation).

## License

csstyle is open-sourced software licensed under the [MIT license](https://github.com/csstyle-org/csstyle/blob/master/LICENSE).