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