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

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

Last synced: 3 months ago
JSON representation

clean, simple styling for styling the web.

• Host: GitHub
• URL: https://github.com/csstyle-org/csstyle
• Owner: csstyle-org
• License: mit
• Created: 2016-12-21T07:08:22.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2019-03-01T15:58:48.000Z (over 5 years ago)
• Last Synced: 2024-06-29T10:06:21.379Z (4 months ago)
• Language: CSS
• Homepage: https://csstyle.io
• Size: 341 KB
• Stars: 49
• Watchers: 4
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-repositories - csstyle-org/csstyle - clean, simple styling for styling the web. (CSS)

README

        
[](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).