NAME

Mojolicious::Plugin::CSSLoader - move css loading to the end of the document

VERSION

version 0.02

SYNOPSIS

In your startup:

  sub startup {
      my $self = shift;

      # do some Mojolicious stuff
      $self->plugin( 'CSSLoader' );

      # more Mojolicious stuff
  }

In your template:

<% css_load('css_file.css') %>

HELPERS

This plugin adds a helper method to your web application:

css_load

This method requires at least one parameter: The path to the JavaScript file to load. An optional second parameter is the configuration. You can switch off the base for this CSS file this way:

# <link rel="stylesheet" href="$base/css_file.css"/>
<% css_load('css_file.css') %>

# <link rel="stylesheet" href="http://domain/css_file.css"/>
<% css_load('http://domain/css_file.css', {no_base => 1});

HOOKS

When you use this module, a hook for after_render is installed. That hook inserts the <link> tag at the end of the <head> part or at the start of the document.

METHODS

register

Called when registering the plugin. On creation, the plugin accepts a hashref to configure the plugin.

# load plugin, alerts are dismissable by default
$self->plugin( 'CSSLoader' );

Configuration

$self->plugin( 'CSSLoader' => {
    base  => 'http://domain/css',  # base for all CSS files
    media => 'screen',             # media setting (default: none)
});

NOTES

This plugin uses the stash key __CSSLOADERFILES__, so you should avoid using this stash key for your own purposes.

AUTHOR

Renee Baecker <reneeb@cpan.org>

COPYRIGHT AND LICENSE

This software is Copyright (c) 2013 by Renee Baecker.

This is free software, licensed under:

The Artistic License 2.0 (GPL Compatible)