🜍

An adaptable CSS
ultility library.

Imagine how awesome it would be if you could quickly personalize your own utility library for every project you do? Well, you don't have to imagine anymore.

npm install sulphuris

What is it?

1
2
3
4
5
6
7
8
9
10
11
12
gray-900
gray-800
gray-700
gray-600
gray-500
gray-400
gray-300
gray-200
gray-100
yellow-900
yellow-800
yellow-700
yellow-600
yellow-500
yellow-400
yellow-300
yellow-200
yellow-100
orange-900
orange-800
orange-700
orange-600
orange-500
orange-400
orange-300
orange-200
orange-100
red-900
red-800
red-700
red-600
red-500
red-400
red-300
red-200
red-100
violet-900
violet-800
violet-700
violet-600
violet-500
violet-400
violet-300
violet-200
violet-100
purple-900
purple-800
purple-700
purple-600
purple-500
purple-400
purple-300
purple-200
purple-100
indigo-900
indigo-800
indigo-700
indigo-600
indigo-500
indigo-400
indigo-300
indigo-200
indigo-100
blue-900
blue-800
blue-700
blue-600
blue-500
blue-400
blue-300
blue-200
blue-100
teal-900
teal-800
teal-700
teal-600
teal-500
teal-400
teal-300
teal-200
teal-100
green-900
green-800
green-700
green-600
green-500
green-400
green-300
green-200
green-100
lime-900
lime-800
lime-700
lime-600
lime-500
lime-400
lime-300
lime-200
lime-100
class MyClass {
          public static myValue: string;
          constructor(init: string) {
            this.myValue = init;
          }
        }
        import fs = require("fs");
        module MyModule {
          export interface MyInterface extends Other {
            myProperty: any;
          }
        }
        declare magicNumber number;
        myArray.forEach(() => { }); // fat arrow syntax

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum facilisis finibus. Morbi ac dapibus nibh. Quisque libero ipsum, pulvinar sit amet rhoncus quis, fermentum et lectus. Ut ac ipsum eget dolor bibendum elementum ut non sapien. In tincidunt lacus sit amet ex volutpat placerat. Vestibulum ullamcorper mi erat, vel facilisis elit convallis vitae. Sed vitae accumsan ligula, vel vehicula neque. In id tristique nisl, sed ultricies justo. Pellentesque lacinia justo urna, eget blandit urna interdum in. Vivamus sit amet molestie libero.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum facilisis finibus. Morbi ac dapibus nibh. Quisque libero ipsum, pulvinar sit amet rhoncus quis, fermentum et lectus. Ut ac ipsum eget dolor bibendum elementum ut non sapien. In tincidunt lacus sit amet ex volutpat placerat. Vestibulum ullamcorper mi erat, vel facilisis elit convallis vitae. Sed vitae accumsan ligula, vel vehicula neque. In id tristique nisl, sed ultricies justo. Pellentesque lacinia justo urna, eget blandit urna interdum in. Vivamus sit amet molestie libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum facilisis finibus. Morbi ac dapibus nibh. Quisque libero ipsum, pulvinar sit amet rhoncus quis, fermentum et lectus. Ut ac ipsum eget dolor bibendum elementum ut non sapien. In tincidunt lacus sit amet ex volutpat placerat. Vestibulum ullamcorper mi erat, vel facilisis elit convallis vitae. Sed vitae accumsan ligula, vel vehicula neque. In id tristique nisl, sed ultricies justo. Pellentesque lacinia justo urna, eget blandit urna interdum in. Vivamus sit amet molestie libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 3

Caption

Supertitle

Heading 4

Heading 5
Heading 6