Directory

CssPrime

ClientSide component for inject dynamic css style rule

View larger

Close

UI Extension for adding and managing css rules.

Extension create map for css rule in shared state. Adds a style branch to the head section of the HTML source code Allows you to update selected css rules

Sample code

--add extensio to ui
UI ui = UI.getCurrent();
CssPrime css = new CssPrime(ui);
...
css.setSyle(<style rule>);
css.setSyle(<rule key>,<style rule>);

-- append rule
css.setStyle("div{background:red;}"); //add rule with default key
css.setStyle("MyBackground","div{background:red;}");

-- update rule
css.setStyle("div{background:red;}"); //update rule with default key
css.setStyle("MyBackground","div{background:blue;}");

-- remove rule
css.removeStyle; //remove rule with default key
css.removeStyle("MyBackground"); 

--remove extensio from ui
UI.getCurrent().removeExtension(cssPrime);

Links

• Issue Tracker
• Source Code
• Author Homepage

Compatibility