ractive.toCSS()

edit this page

Returns the scoped CSS of the current instance and its descendants.

const Subclass = Ractive.extend({
    ...
    css: 'div{ color: red }'
    ...
});

const subclassInstance = new Subclass({...});

// Contains the scoped version of div{ color: red }
subclassInstance.toCSS();

At the moment, this will not work on a direct instance of Ractive and will log a warning. You can only use this method on an instance of a subclass.

const ractiveInstance = new Ractive({...});

// This will log a warning.
ractiveInstance.toCSS();

ractive.toCSS()

Returns CSS String