Foundation

Foundation is a responsive front-end network. We are going to convert our current site skins to use Foundation and SCSS. Advantages:

• All pages can be designed to work with both mobile and desktop pages, using the same HTML.
• We can start to use the advantages of SCSS, such as variables and mixins.

Skeleton .tt page using Foundation

[%# path/to/file.tt
 
Short description of the page
 
Authors:
    name <name@email.com>
 
Copyright <years> by Dreamwidth Studios, LLC
 
This program is free software; you may redistribute it and/or modify it under
the same terms as Perl itself.  For a copy of the license, please reference
'perldoc perlartistic' or 'perldoc perlgpl'.
%]
 
[%- sections.title = ".title" | ml -%]
[%- CALL dw.active_resource_group( "foundation" ) -%]
 
[%- dw.need_res( { group => "foundation" }
) -%]

Error handling in Foundation pages

Use Error_Handling in the controller.

Documentation

• Foundation
• SASS (which SCSS is a variant of)