Live Css Extension

I made a Yii extension from the Drupal modul Live CSS (www.drupal.org / project / 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 only with:

  • firefox 16

  • apache 2

  • kubuntu 12.04

The settings of the extension:


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

			)

		),

Selectable themes:

  • chrome

  • clouds

  • cobalt

  • crimson

  • dawn

  • dreamweaver

  • eclipse

  • idle_fingers

  • kr_theme

  • merbivore

  • mono

  • monokai

  • pastel

  • solarized

  • textmate

  • tomorrow

  • twilight

  • vibrant

Please test it, and send bug reports! I will try to fix them.

3371

livecss.zip

Does it work? Is it usefull?

Please replay!!!

Thanks