this little 1.38kb library interacts with style tags on the page to help you create pretty shit.
var colors =yellow: '#FFFFBE'pink: '#febfe2';var globalSheet = 'global';globalSheet;globalSheet;globalSheet
As you may have guested passing "global" at creation will make a global stylesheet that will effect everything on the page (Ahh so scary!)
var sheet = ;sheet;sheet
sheet.id is the scoping class (excluding the .) that you can attached appropriately for example at the top of a component. the render function allows you to choose your rendering method incase you want to include your css inside the component
Now I know all you designer types love the fonts and keyframes so you can add these as well.
.addSpecial lets you paste any full css into the special style sheet.
Its global in its own sheet that is render automatically because its designed for font-face and keyframes, which can't be scoped. this should also help you fix any style syntax not supported yet by fairybread.
a new function called render allow you to choose the render location of your sheet. it takes 3 options.
var tag_color = sheetcolor;sheet;// ORvar tag_color = sheet'a';sheet;
Well now that's everything for now. Now your css is in js you have function and vars and all that goodness.