CSS Autoload

What?

CSS Autoload loads css based on what is loaded on the page. Let's say you have styling for a sidebar, than this styling will only be loaded if that region is loaded. The module can be enabled/disabled per theme.

How does it work?

CSS Autoload will search for a specific file when something is loaded. For example, if you enable the module CSS Autoload Node and a node of contenttype page with viewmode full is loaded, the module will check if the file node--page--full.autoload.css exists in the css-autoload-folder in your theme. If so, that file will be added.

File naming

CSS Autoload Block

block.autoload.css
block--[region].autoload.css
block--[module].autoload.css
block--[delta].autoload.css

CSS Autoload Current User

current_user--role--[role].autoload.css*
current_user--name--[name].autoload.css*
current_user--uid--[uid].autoload.css

CSS Autoload Environment

The environmentnames are the same names that can be used for maps in the sites-folder. sites.php is also included.
environment--[name].autoload.css

CSS Autoload Field

field.autoload.css
field--[type].autoload.css
field--[field_name].autoload.css

CSS Autoload Field Collection

field_collection.autoload.css
field_collection--[field_name].autoload.css
field_collection--[view_mode].autoload.css
field_collection--[field_name]--[view_mode].autoload.css
field_collection--[fid].autoload.css

CSS Autoload Form

form.autoload.css
form--form_id--[form_id].autoload.css

CSS Autoload Node

node.autoload.css
node--[type].autoload.css
node--[view_mode].autoload.css
node--[type]--[view_mode].autoload.css
node--[nid].autoload.css

CSS Autoload Region

region.autoload.css
region--[name].autoload.css

CSS Autoload User

user.autoload.css
user--[view_mode].autoload.css
user--role--[role].autoload.css*
user--name--[name].autoload.css*
user--uid--[uid].autoload.css

CSS Autoload Views

views.autoload.css
views--[name].autoload.css
views--[display].autoload.css
views--[name]--[display].autoload.css

* 'token' is passed through css-autoloads' cleanstring-function