Joomla 3.0: Working with LESS

485 views
Skip to first unread message

Viktor Iwan

unread,
Oct 4, 2012, 12:23:06 AM10/4/12
to joomla-de...@googlegroups.com
Hello,
i would like to know on how we work with LESS in joomla 3.0 ?

At the moment i build my own bootstrap template in Joomla 2.5, and i have variable to switch from LESS 'mode' (with javascript to render) to CSS 'mode', my code is something like this:
<?php
if($useLESS==1){?>
    <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/less/bootstrap.less" type="text/css" media="all"  rel="stylesheet/less" />
    <?php if($rwd==1){?>
    <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/less/responsive.less" type="text/css" media="all"  rel="stylesheet/less" />
    <?php }?>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/less-1.3.0.min.js" type="text/javascript"></script>
<?php }?>

so my usual workflow are:
1. Go with the "LESS" mode, disable cookies in firefox for instant preview (otherwise it use cookie to avoid precompiled LESS)
2. After everything done, i compile .LESS file into .CSS file
3. replace .CSS file with the new one
4. Switch to "CSS" mode from my template parameter

So, what's the default workflow in Joomla 3.0 (template protostar) ?
i see less folder, but i don't see where it use and get compiled, it seem like separate system where you setting .less, compile, and replace css manually.....
if i change the variables in .less in protostrar, can it impact the backend as well ?

Thanks for sharing
Reply all
Reply to author
Forward
0 new messages