Stylesheets

There isn't too much to say about stylesheets in the context of the Selectoplasm interface. You can do the following things:

Reordering

Use the up and down arrows next to each stylesheet in the Stylesheet Library window to reorder stylesheets. Stylesheets which are lower in the list will have priority, though hopefully you aren't using many plugins that overwrite each other, unless...

Enable/Disable

You can turn stylesheets on and off in order to prevent them from having any effect on your app's styles. This could be helpful for doing some quick comparison testing!

Stylesheet Viewer

The stylesheet viewer has two views. By default it will be on the Token & Ruleset view. This will allow you to view your stylesheet in a similar manner to the Component Builder. If you would prefer to view the raw css, you can switch to the CSS view.

Any ruleset you see in a stylesheet should in theory be unpackable by the Component Builder's combo input. Some plugins are dynamic, and will let you edit the stylesheets live, while other simpler plugins may require you to change their css files. To learn more about the different functionality that Selectoplasm's plugin architecture provides, read the Creating Plugins section.

Note: the reason your utility classes have !important in the stylesheet viewer is so that they can override specificity while Selectoplasm is providing realtime feedback. The !important rule does not get added to your components when you unpack utility classes.