live-css Edit and save your stylesheets in your browser

  1. Tested with
  2. 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',
                        )
                ),
2 0
10 followers
363 downloads
Yii Version: 1.1
License: GPL-3.0
Category: User Interface
Developed by: Gábor Kovács
Created on: Nov 1, 2012
Last updated: 5 years ago

Downloads

show all