clean, simple styling for styling the web.

Usage no npm install needed!

<script type="module">
  import csstyle from 'https://cdn.skypack.dev/csstyle';



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, 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.

$ 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.

<!DOCTYPE html>
<html id="app" lang="en">

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

@import '~csstyle/csstyle';

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


Documentation for csstyle can be found here.


csstyle is open-sourced software licensed under the MIT license.