Ssstyles NPM | npm.io

Ssstyles

Ssstyles is a very simple CSS style system. It consists of a classless stylesheet as a base layer and some small, optional components on top.

It's supposed to be:

Lightweight
Configurable
Hackable
Accessible

You can use this as a quick start for simple websites and build your own stuff on top.

Usage

You have multiple options to install Ssstyles. I provide two packages:

The base styles, which include a classless stylesheet for simple HTML sites
The complete base+components package, which you can use to build more advanced sites

CDN

Use this snippet to insert the base styles:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ssstyles/dist/base.css" />

Use this snippet to insert the base styles and all components:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ssstyles/dist/all.css" />

npm

npm install ssstyles

@layer base, layout, components;
@import "ssstyles" layer(base);
@import "ssstyles/css/transition.css" layer(base);
@import "ssstyles/css/basegrid.css" layer(layout);
@import "ssstyles/css/headline.css" layer(components);
/* Whatever components you need */

/* Or the complete package: */
@import "ssstyles/css/all.css" layer(base);