jess-core v0.0.4

jess

JavaScript Extended Style Sheets

Purpose

JESS parses custom CSS properties and enables developers to write plugins to support them with JavaScript. JESS is ES6 ready and lightweight, and makes advanced event support easy within CSS.

Installation

npm install --save-dev jess-core

Example

By adding the following rules and loading the events plugin provided with JESS, you can reduce all other instances of a button class to 50% opacity whenever a button is hovered.

.button {
	--for-all-event: 'hover'; 		/* On hover */
	--for-all: '.button'; 			/* Style all buttons */
	--for-all-not: ':hover'; 		/* Except for the instance being hovered over */
	--for-all-effect-opacity: 0.5; 	/* Reduce opacity to 50% */
}

To see JESS in action, check out https://github.com/aewing/jess-example