Yii 1.1: live-css

Edit and save your stylesheets in your browser
11 followers

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',
                        )
                ),

Be the first person to leave a comment

Please to leave your comment.

Create extension