live-css | Extension | Yii Framework

live-css Follow @yiiframework

Edit and save your stylesheets in your browser

Tested with

Usage

I made a Yii extension from the Drupal modul Live CSS.

The original author of the Drupal modul was Guy Bedford. Many thanks him for his great tool!

This extension can edit and save the CSS/LESS files in the clients browser.

If you want to edit LESS stylesheets disable the server-side compiler LESS extension!

Tested with ¶

firefox 16
apache 2.2
kubuntu 12.04
Yii v1.1.12

Usage ¶

'preload'=>array(
                ...
                'livecss',
        ),
 
'controllerMap'=>array(
                'livecss'=>array(
                        'class'=>'ext.livecss.LiveCssController',
                ),
        ),
 
'components'=>array(
                ...
                // overwrite default assetManager, retrieve file path on server
                'assetManager' => array(
                        'class' => 'ext.livecss.ExtAssetManager',
                ),
                // overwrite default CClientScript, before rendering scripts save settings to javascript
                'clientScript' => array(
                        'class' => 'ext.livecss.ExtClientScript',
                ),
                // the LiveCSS extension
                'livecss'=>array(
                        'class'=>'ext.livecss.LiveCss',
                        'theme' => 'twilight', // the selected theme
                        'useLess' => false, // use less stylesheets
                        'paths' => array(
                                // define other style files
                                // 'css file name' => 'full file path on server of the css file',
                                'my.css' => '/var/www/site/dummy/my.css',
                        )
                ),

live-css Follow @yiiframework

Tested with ¶

Usage ¶

Be the first person to leave a comment

Yii Supporters