2017 © Pedro Peláez
 

symfony-bundle less-css-bundle

This bundle provides an integration of Less CSS JavaScript

image

skillberto/less-css-bundle

This bundle provides an integration of Less CSS JavaScript

  • Thursday, February 13, 2014
  • by skillberto
  • Repository
  • 1 Watchers
  • 0 Stars
  • 20 Installations
  • PHP
  • 0 Dependents
  • 0 Suggesters
  • 0 Forks
  • 0 Open issues
  • 2 Versions
  • 0 % Grown

The README.md

# LessJsBundle

This Bundle initializes Less.js into Symfony2 Framework, (*1)

===================, (*2)

Setup:

app/AppKernel.php:, (*3)

Warning!, (*4)

Namespace changed from Less\CssBundle\LessCssBundle to Skillberto\LessCssBundle\SkillbertoLessCssBundle., (*5)

This declaration is deprecated: new Less\CssBundle\LessCssBundle() Correct:, (*6)

...
new Skillberto\LessCssBundle\SkillbertoLessCssBundle(),
...

Run in console:

assets:install
assetic:dump

Use the less css JavaScript:

<script src="{{ asset('bundles/lesscss/js/less-1.3.3.min.js') }}"></script>

OR (from bundle), (*7)

{% javascripts
    '@LessCssBundle/Resources/public/js/*'
 %}
    <script src="{{ asset_url }}"></script>
{% endjavascripts %}

With this mode, you can include your .less, eg: style.less 'css':, (*8)

<link rel="stylesheet/less" href="{{ asset('YOURBUNDLE/css/style.less') }}" />

But this mode is not secure. Better way is to copy into web/css/ and include from this folder, or use this other way., (*9)

Other way: Assetic filter method

For this, you have to use Node, or some kind of PHP or other script., (*10)

With Node:

#...
assetic:
    filters:
        cssrewrite: ~
        less:
            node: /usr/local/bin/node
            node_paths: [/usr/local/lib/node_modules]
            apply_to: "\.less$"
...

With PHP:

For example,a good way is the leafo/lessphp:, (*11)

Put into composer.json:, (*12)

...
"require": {
    ...
    "leafo/lessphp": "0.3.*@dev"
}
...

Update composer, and put into app/config/config.yml:, (*13)

#...
assetic:
    #...
    filters:
        lessphp:
            file: %kernel.root_dir%/../vendor/leafo/lessphp/lessc.inc.php
            apply_to: "\.less$"

Now, you can use from the hood with assetic filter:, (*14)

{% stylesheets 'path/to/files.less' %}
  <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %} 

Run in console:

assets:install
assetic:dump

The public data will be in web directory, and .less compiled to .css, (*15)

You can find this documentation, and some kind of other in this url:br/ http://dividebyze.ro/178/how-to-use-less-css-and-symfony-2-in-harmony/, (*16)

The Versions

13/02 2014

dev-master

9999999-dev

This bundle provides an integration of Less CSS JavaScript

  Sources   Download

MIT

The Requires

 

by Heiszler Norbert

css lesscss lessjs

13/01 2013

dev-2.2.x-dev

dev-2.2.x-dev

This bundle provides an integration of Less CSS JavaScript

  Sources   Download

MIT

The Requires

 

by Heiszler Norbert

css lesscss lessjs