Actions

Difference between revisions of "Joomla LESS"

From Joomla! Documentation

Line 1: Line 1:
Most of the Joomla 3.0 default template stylesheets are written using [[http://en.wikipedia.org/wiki/LESS_(stylesheet_language)|LESS]] and then compiled to generate the [[http://en.wikipedia.org/wiki/CSS|CSS]] files.
+
Most of the Joomla 3.0 default template stylesheets are written using [[wikipedia:LESS_(stylesheet_language)|LESS]] and then compiled to generate the [[wikipedia:CSS|CSS]] files.
  
 
The <code>.less</code> building blocks are located in <code>media/jui/less/</code>. The template specific <code>.less</code>files are located in <code>templates/&lt;templates&gt;/less/</code>.
 
The <code>.less</code> building blocks are located in <code>media/jui/less/</code>. The template specific <code>.less</code>files are located in <code>templates/&lt;templates&gt;/less/</code>.
Line 15: Line 15:
  
 
== Not all LESS compilers are equal ==
 
== Not all LESS compilers are equal ==
The LESS compiler used for the Joomla core is obtained from [[http://leafo.net/lessphp]].   
+
The LESS compiler used for the Joomla core is obtained from [http://leafo.net/lessphp leafo.net/lessphp].   
  
 
<noinclude>[[Category:New in Joomla! 3.0]][[Category:Bug Squad]]</noinclude>
 
<noinclude>[[Category:New in Joomla! 3.0]][[Category:Bug Squad]]</noinclude>

Revision as of 18:35, 19 December 2012

Most of the Joomla 3.0 default template stylesheets are written using LESS and then compiled to generate the CSS files.

The .less building blocks are located in media/jui/less/. The template specific .lessfiles are located in templates/<templates>/less/.

The CSS generation wrapper script, LESS compiler, and other similar build tools are located in the build/ directory of the Joomla source located on GitHub. Refer to Git_for_Coders for more information on using GitHub. The build directory is only available from the Joomla source, it is not included in an official Joomla release.

To re-generate all the CSS files from a Joomla core distribution, you will need to execute the generation scripts as a CLI application.

For example:

cd joomla-cms/build
c:\xampp\php\php.exe generatecss.php

To generate your own less files in your own template, you will need to take a copy of the generatecss.php script and adjust it to suite your template.

Not all LESS compilers are equal

The LESS compiler used for the Joomla core is obtained from leafo.net/lessphp.