siimple-colors v1.0.0-beta.1

siimple-colors

siimple-colors is an elegant and minimalistic color palette for UI design.

Getting started

siimple-colors can be installed using npm:

$ npm install --save siimple-colors

Or imported in your HTML files using a CDN.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/siimple-colors@1.0.0-beta.1/dist/siimple-colors.min.css">

Documentation

We are working on a new documentation for v1.0.0.

Examples

Using CSS variables:

.red-text {
    color: var(--siimple-red);
}

.blue-text {
    color: var(--siimple-blue-light);
}

.green-bg {
    background-color: var(--siimple-green-dark);
}

Using CSS selectors

<span class="siimple--color-red">Text with red color</span>
<span class="siimple--bg-blue-dark siimple--color-white">White text with dark blue color</span>

Using SASS/SCSS

@import "siimple-colors/scss/_all.scss";

.red-text {
    color: siimple-color("red");
}

.blue-text {
    color: siimple-color-light("blue");
}

.green-bg {
    background-color: $siimple-green-dark;
}

License

MIT LICENSE © The siimple team.