Less live [#1388242]

Any possibility that the LESS support with live_css will become "live" on editing like editing normal css. Currently changes are only made on a page refresh for any variables declared using .LESS language

Comments

Comment #1

guybedford commented 29 December 2011 at 12:48

Category:

feature

» support

LESS support is live, and applies as you type as well. If it is not working for you can you let me know if you are seeing any script errors on the page? Also have you got the LESS support enabled from the module configuration?

It would also help to know what browser you are using, and if possible, a print out of the <head> section from your page.

Comment #2

Anonymous (not verified) commented 30 December 2011 at 06:28

<head profile="http://www.w3.org/1999/xhtml/vocab">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta name="Generator" content="Drupal 7 (http://drupal.org)" />
<link rel="shortcut icon" href="http://suma.local:8080/misc/favicon.ico" type="image/vnd.microsoft.icon" />
  <title>Welcome to suma.local | suma.local</title>  
  
<!--[if (lt IE 9)&(!IEMobile)]>
<style type="text/css" media="all">
<!--/*--><![CDATA[/*><!--*/
.alpha-grid-debug .container-12{background-image:url(http://suma.local:8080/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.png);}

/*]]>*/-->
</style>
<![endif]-->

<!--[if gte IE 9]><!-->
<style type="text/css" media="all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)">
<!--/*--><![CDATA[/*><!--*/
.alpha-grid-debug .container-12{background-image:url(http://suma.local:8080/sites/all/themes/omega/alpha/css/grid/alpha_default/narrow/alpha-default-narrow-12.png);}

/*]]>*/-->
</style>
<!--<![endif]-->

<!--[if gte IE 9]><!-->
<style type="text/css" media="all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)">
<!--/*--><![CDATA[/*><!--*/
.alpha-grid-debug .container-12{background-image:url(http://suma.local:8080/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.png);}

/*]]>*/-->
</style>
<!--<![endif]-->

<!--[if gte IE 9]><!-->
<style type="text/css" media="all and (min-width: 1220px)">
<!--/*--><![CDATA[/*><!--*/
.alpha-grid-debug .container-12{background-image:url(http://suma.local:8080/sites/all/themes/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-12.png);}

/*]]>*/-->
</style>
<!--<![endif]-->
<style type="text/css" media="all">@import url("http://suma.local:8080/modules/system/system.base.css?lx0ova");
@import url("http://suma.local:8080/modules/system/system.menus.css?lx0ova");
@import url("http://suma.local:8080/modules/system/system.messages.css?lx0ova");
@import url("http://suma.local:8080/modules/system/system.theme.css?lx0ova");</style>
<style type="text/css" media="screen">@import url("http://suma.local:8080/sites/all/modules/tipsy/stylesheets/tipsy.css?lx0ova");</style>
<style type="text/css" media="all">@import url("http://suma.local:8080/misc/ui/jquery.ui.core.css?lx0ova");
@import url("http://suma.local:8080/misc/ui/jquery.ui.theme.css?lx0ova");
@import url("http://suma.local:8080/misc/ui/jquery.ui.resizable.css?lx0ova");</style>
<style type="text/css" media="screen">@import url("http://suma.local:8080/sites/all/libraries/fullcalendar/fullcalendar.css?lx0ova");</style>
<style type="text/css" media="print">@import url("http://suma.local:8080/sites/all/libraries/fullcalendar/fullcalendar.print.css?lx0ova");</style>
<style type="text/css" media="all">@import url("http://suma.local:8080/modules/contextual/contextual.css?lx0ova");</style>
<style type="text/css" media="all">@import url("http://suma.local:8080/modules/comment/comment.css?lx0ova");
@import url("http://suma.local:8080/sites/all/modules/date/date_api/date.css?lx0ova");
@import url("http://suma.local:8080/sites/all/modules/date/date_popup/themes/datepicker.1.7.css?lx0ova");
@import url("http://suma.local:8080/modules/field/theme/field.css?lx0ova");
@import url("http://suma.local:8080/modules/node/node.css?lx0ova");
@import url("http://suma.local:8080/modules/search/search.css?lx0ova");
@import url("http://suma.local:8080/modules/user/user.css?lx0ova");
@import url("http://suma.local:8080/sites/all/modules/views/css/views.css?lx0ova");</style>
<style type="text/css" media="all">@import url("http://suma.local:8080/sites/all/modules/ckeditor/ckeditor.css?lx0ova");
@import url("http://suma.local:8080/sites/all/modules/colorbox/styles/default/colorbox_default_style.css?lx0ova");
@import url("http://suma.local:8080/sites/all/modules/ctools/css/ctools.css?lx0ova");
@import url("http://suma.local:8080/sites/all/modules/live_css/css.css?lx0ova");
@import url("http://suma.local:8080/sites/all/modules/admin_menu/admin_menu.css?lx0ova");
@import url("http://suma.local:8080/sites/all/modules/admin_menu/admin_menu.uid1.css?lx0ova");
@import url("http://suma.local:8080/sites/all/modules/fullcalendar/css/fullcalendar.theme.css?lx0ova");</style>
<style type="text/css" media="all">@import url("http://suma.local:8080/sites/all/themes/omega/alpha/css/alpha-reset.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/alpha/css/alpha-mobile.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/alpha/css/alpha-alpha.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/omega/css/formalize.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/omega/css/omega-text.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/omega/css/omega-branding.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/omega/css/omega-menu.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/omega/css/omega-forms.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/alpha/css/alpha-debug.css?lx0ova");</style>
<link type="text/css" rel="stylesheet" href="sites/all/themes/suma/css/suma.less" media="all" />
<style type="text/css" media="all">@import url("http://suma.local:8080/sites/all/themes/suma/css/global.css?lx0ova");</style>

<!--[if (lt IE 9)&(!IEMobile)]>
<style type="text/css" media="all">@import url("http://suma.local:8080/sites/all/themes/suma/css/suma-alpha-default.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/suma/css/suma-alpha-default-normal.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css?lx0ova");</style>
<![endif]-->

<!--[if gte IE 9]><!-->
<style type="text/css" media="all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)">@import url("http://suma.local:8080/sites/all/themes/suma/css/suma-alpha-default.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/suma/css/suma-alpha-default-narrow.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/alpha/css/grid/alpha_default/narrow/alpha-default-narrow-12.css?lx0ova");</style>
<!--<![endif]-->

<!--[if gte IE 9]><!-->
<style type="text/css" media="all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)">@import url("http://suma.local:8080/sites/all/themes/suma/css/suma-alpha-default.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/suma/css/suma-alpha-default-normal.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css?lx0ova");</style>
<!--<![endif]-->

<!--[if gte IE 9]><!-->
<style type="text/css" media="all and (min-width: 1220px)">@import url("http://suma.local:8080/sites/all/themes/suma/css/suma-alpha-default.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/suma/css/suma-alpha-default-wide.css?lx0ova");
@import url("http://suma.local:8080/sites/all/themes/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-12.css?lx0ova");</style>
<!--<![endif]-->
  <script type="text/javascript" src="http://suma.local:8080/misc/jquery.js?v=1.4.4"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/jquery.once.js?v=1.2"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/drupal.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/tipsy/javascripts/jquery.tipsy.js?v=0.1.7"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/tipsy/javascripts/tipsy.js?v=0.1.7"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/ui/jquery.ui.core.min.js?v=1.8.7"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/ui/jquery.ui.widget.min.js?v=1.8.7"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/ui/jquery.effects.core.min.js?v=1.8.7"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/ui/jquery.ui.mouse.min.js?v=1.8.7"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/ui/jquery.ui.draggable.min.js?v=1.8.7"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/ui/jquery.ui.droppable.min.js?v=1.8.7"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/ui/jquery.ui.resizable.min.js?v=1.8.7"></script>
<script type="text/javascript" src="http://suma.local:8080/misc/ui/jquery.effects.highlight.min.js?v=1.8.7"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/libraries/fullcalendar/fullcalendar.min.js?v=1.4.10"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/libraries/fullcalendar/gcal.js?v=1.4.10"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/fullcalendar/js/fullcalendar.library.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/modules/contextual/contextual.js?v=1.0"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/admin_menu/admin_devel/admin_devel.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/libraries/colorbox/colorbox/jquery.colorbox-min.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/colorbox/js/colorbox.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/colorbox/styles/default/colorbox_default_style.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/colorbox/js/colorbox_load.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/live_css/less-display.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/live_css/less-1.1.3.min.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/live_css/ace/src/ace.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/live_css/ace/src/mode-css.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/live_css/ace/src/theme-idle_fingers.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/live_css/plugins.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/live_css/css.js?lx0ova"></script>
<script type="text/javascript" defer="defer" src="http://suma.local:8080/sites/all/modules/admin_menu/admin_menu.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/fullcalendar/fullcalendar_options/js/colorbox.fullcalendar.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/fullcalendar/js/fullcalendar.fullcalendar.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/fullcalendar/fullcalendar_options/js/fullcalendar_options.fullcalendar.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/modules/fullcalendar/js/fullcalendar.views.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/themes/omega/omega/js/jquery.formalize.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/themes/omega/omega/js/omega-mediaqueries.js?lx0ova"></script>
<script type="text/javascript" src="http://suma.local:8080/sites/all/themes/omega/alpha/js/alpha-debug.js?lx0ova"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"suma","theme_token":"pm1lk5Mp3tVK_6gW_yBIKaH3SOhw_R163DHgDYF2laA","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/modules\/tipsy\/javascripts\/jquery.tipsy.js":1,"sites\/all\/modules\/tipsy\/javascripts\/tipsy.js":1,"misc\/ui\/jquery.ui.core.min.js":1,"misc\/ui\/jquery.ui.widget.min.js":1,"misc\/ui\/jquery.effects.core.min.js":1,"misc\/ui\/jquery.ui.mouse.min.js":1,"misc\/ui\/jquery.ui.draggable.min.js":1,"misc\/ui\/jquery.ui.droppable.min.js":1,"misc\/ui\/jquery.ui.resizable.min.js":1,"misc\/ui\/jquery.effects.highlight.min.js":1,"sites\/all\/libraries\/fullcalendar\/fullcalendar.min.js":1,"sites\/all\/libraries\/fullcalendar\/gcal.js":1,"sites\/all\/modules\/fullcalendar\/js\/fullcalendar.library.js":1,"modules\/contextual\/contextual.js":1,"sites\/all\/modules\/admin_menu\/admin_devel\/admin_devel.js":1,"sites\/all\/libraries\/colorbox\/colorbox\/jquery.colorbox-min.js":1,"sites\/all\/modules\/colorbox\/js\/colorbox.js":1,"sites\/all\/modules\/colorbox\/styles\/default\/colorbox_default_style.js":1,"sites\/all\/modules\/colorbox\/js\/colorbox_load.js":1,"sites\/all\/modules\/live_css\/less-display.js":1,"sites\/all\/modules\/live_css\/less-1.1.3.min.js":1,"sites\/all\/modules\/live_css\/ace\/src\/ace.js":1,"sites\/all\/modules\/live_css\/ace\/src\/mode-css.js":1,"sites\/all\/modules\/live_css\/ace\/src\/theme-idle_fingers.js":1,"sites\/all\/modules\/live_css\/plugins.js":1,"sites\/all\/modules\/live_css\/css.js":1,"sites\/all\/modules\/admin_menu\/admin_menu.js":1,"sites\/all\/modules\/fullcalendar\/fullcalendar_options\/js\/colorbox.fullcalendar.js":1,"sites\/all\/modules\/fullcalendar\/js\/fullcalendar.fullcalendar.js":1,"sites\/all\/modules\/fullcalendar\/fullcalendar_options\/js\/fullcalendar_options.fullcalendar.js":1,"sites\/all\/modules\/fullcalendar\/js\/fullcalendar.views.js":1,"sites\/all\/themes\/omega\/omega\/js\/jquery.formalize.js":1,"sites\/all\/themes\/omega\/omega\/js\/omega-mediaqueries.js":1,"sites\/all\/themes\/omega\/alpha\/js\/alpha-debug.js":1},"css":{"1":1,"0":1,"2":1,"3":1,"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"sites\/all\/modules\/tipsy\/stylesheets\/tipsy.css":1,"misc\/ui\/jquery.ui.core.css":1,"misc\/ui\/jquery.ui.theme.css":1,"misc\/ui\/jquery.ui.resizable.css":1,"sites\/all\/libraries\/fullcalendar\/fullcalendar.css":1,"sites\/all\/libraries\/fullcalendar\/fullcalendar.print.css":1,"modules\/contextual\/contextual.css":1,"modules\/comment\/comment.css":1,"sites\/all\/modules\/date\/date_api\/date.css":1,"sites\/all\/modules\/date\/date_popup\/themes\/datepicker.1.7.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ckeditor\/ckeditor.css":1,"sites\/all\/modules\/colorbox\/styles\/default\/colorbox_default_style.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/live_css\/css.css":1,"sites\/all\/modules\/admin_menu\/admin_menu.css":1,"sites\/all\/modules\/admin_menu\/admin_menu.uid1.css":1,"sites\/all\/modules\/fullcalendar\/css\/fullcalendar.theme.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-reset.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-mobile.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-alpha.css":1,"sites\/all\/themes\/omega\/omega\/css\/formalize.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-text.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-branding.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-menu.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-forms.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-debug.css":1,"sites\/all\/themes\/suma\/css\/suma.less":1,"sites\/all\/themes\/suma\/css\/global.css":1,"ie::normal::sites\/all\/themes\/suma\/css\/suma-alpha-default.css":1,"ie::normal::sites\/all\/themes\/suma\/css\/suma-alpha-default-normal.css":1,"ie::normal::sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-12.css":1,"narrow::sites\/all\/themes\/suma\/css\/suma-alpha-default.css":1,"narrow::sites\/all\/themes\/suma\/css\/suma-alpha-default-narrow.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/narrow\/alpha-default-narrow-12.css":1,"normal::sites\/all\/themes\/suma\/css\/suma-alpha-default.css":1,"normal::sites\/all\/themes\/suma\/css\/suma-alpha-default-normal.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-12.css":1,"wide::sites\/all\/themes\/suma\/css\/suma-alpha-default.css":1,"wide::sites\/all\/themes\/suma\/css\/suma-alpha-default-wide.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/wide\/alpha-default-wide-12.css":1}},"colorbox":{"opacity":"0.85","current":"{current} of {total}","previous":"\u00ab Prev","next":"Next \u00bb","close":"Close","maxWidth":"100%","maxHeight":"100%","fixed":true,"__drupal_alter_by_ref":["default"]},"live_css":{"theme":"idle_fingers","autoload":false,"hideadmin":0,"hidemodules":1,"fontsize":"12px","tabsize":2,"softtabs":true,"less":1,"savepath":"\/css\/save"},"admin_menu":{"destination":"destination=node","hash":"cf8182f2a8acfae0fbb89196311f49d5","basePath":"\/admin_menu","replacements":{".admin-menu-users a":"0 \/ 1"},"margin_top":1,"position_fixed":1},"tipsy":{"custom_selectors":[{"selector":".fc-event-title","options":{"fade":1,"gravity":"w","trigger":"hover","delayIn":"0","delayOut":"0","opacity":"0.8","offset":"0","html":1,"tooltip_content":{"source":"child","selector":".fc-event-title"}}}]},"fullcalendar":{".view-dom-id-fc-1":{"colorbox":{"colorbox":true,"colorboxIFrame":true,"colorboxClass":"#region-content","colorboxWidth":"60%","colorboxHeight":"60%"},"defaultView":"month","firstDay":"0","weekMode":"fixed","left":"prev,next","center":"title","right":"","timeformat":"h:mm{ - h:mm}","advanced":true,"axisFormat":"h(:mm)t","timeformatMonth":"h:mm{ - h:mm}","titleformatMonth":"MMMM yyyy","columnformatMonth":"","timeformatWeek":"h:mm{ - h:mm}","titleformatWeek":"","columnformatWeek":"","timeformatDay":"h:mm{ - h:mm}","titleformatDay":"","columnformatDay":"","theme":true,"sameWindow":false,"contentHeight":0,"droppable":false,"editable":false,"times":{"default_date":false,"date":{"year":"1900","month":"1","day":"1"}},"fullcalendar_options":{"firstHour":6,"minTime":0,"maxTime":24,"slotMinutes":30,"defaultEventMinutes":120,"allDaySlot":true,"weekends":true,"lazyFetching":true,"disableDragging":false,"disableResizing":false,"dragRevertDuration":500},"fullcalendar":{"buttonText":{"day":"Day","week":"Week","month":"Month","today":"Today"},"allDayText":"All day","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"isRTL":false,"defaultView":"month","firstDay":"0","weekMode":"fixed","header":{"left":"prev,next","center":"title","right":""},"axisFormat":"h(:mm)t","timeFormat":{"month":"h:mm{ - h:mm}","week":"h:mm{ - h:mm}","day":"h:mm{ - h:mm}"},"titleFormat":{"month":"MMMM yyyy","week":"","day":""},"columnFormat":{"month":"","week":"","day":""},"theme":true,"sameWindow":false,"editable":false},"date":{"year":"2011","month":11},"grouping":"","group_rendered":true,"gcal":[],"view_name":"calendar","view_display":"block","weights":["fullcalendar","colorbox","fullcalendar_options"]}},"omega":{"layouts":{"primary":"normal","order":["narrow","normal","wide"],"queries":{"narrow":"all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)","normal":"all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)","wide":"all and (min-width: 1220px)"}}}});
//--><!]]>
</script>
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>

I am using firefox and chrome. I dont see any errors.
in chrome there is this message

event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

I do have Less enabled in the configuration. It works fine with a page refresh (like i stated before) however when i open up live_css to edit the .less changes revert and the only styles to come through are normal css (should have mentioned this).
When this occurs i get a

"CSS-FILE-PATH-HERE" 304 Not Modified

in firefox, and in chrome

Resource interpreted as Other but transferred with MIME type undefined.

thanks

Comment #3

guybedford commented 30 December 2011 at 11:14

So are you saying you find the 'less' file in the live css dropdown fine, but as soon as you select it, the less styles are all disabled?

What do you see in the code window? A blank screen or the less code? If it's a blank screen, can you type any less in here at all and see it reflect?

Also are you able to edit other styles afterwards?

Comment #4

Anonymous (not verified) commented 30 December 2011 at 12:06

"So are you saying you find the 'less' file in the live css dropdown fine, but as soon as you select it, the less styles are all disabled?" -yeah

the code window still shows less code but it just does not reflect the changes. So it works on a page refresh but as soon as i select the .less file from the drop down it goes back to the default .css files.

I can edit other styles, the regular .css and it reflects just not the .less until i refresh the page again.

Comment #5

guybedford commented 30 December 2011 at 12:21

Hmmm and you're definitely typing in valid less code?

Without any obvious errors, apart from the mime time notice, nothing really sticks out here.

Open the editor, select the less file from the list, then once you see the less code in the editor, type the following in the JavaScript console -

window.style.lessParser = new less.Parser();
window.style.lessParser.parse(window.editor.getText(), function(e, tree) {
  console.log(tree.toCSS());
});

It should output the parsed css syntax from the less code. See if that is parsed correctly?

Comment #6

Anonymous (not verified) commented 30 December 2011 at 14:43

this is the result

window.style.lessParser = new less.Parser();
window.style.lessParser.parse(window.editor.getText(), function(e, tree) {
  console.log(tree.toCSS());
});
body {
  background: #000000;
}
undefined

for this code

@color:#000;
body{
  background:@color;
}

Comment #7

guybedford commented 30 December 2011 at 14:53

Well it seems like it is parsing fine then. Was the 'undefined' written as text? That's not ideal, but still shouldn't affect the rendering. Have you tried adding "!important" at the end of the style?

ie -

@color:#000;
body{
  background:@color !important;
}

Otherwise this is an issue with re-injecting the styles.

Comment #8

Anonymous (not verified) commented 30 December 2011 at 16:46

im on win7 using wamp and the omega theme
the .less file is being called in the .info file like so.

css[suma.less][name] = 'Your custom .less global styles'
css[suma.less][description] = 'less file'
css[suma.less][options][weight] = '10'

Comment #9

guybedford commented 31 December 2011 at 08:32

The only thing left to test is the injection of the css itself, and unfortunately without any error messages it's difficult to do that remotely.

If you can put the site online, I'm happy to look at it, but otherwise not sure what else I can do to help without easy replication.

Comment #10

Anonymous (not verified) commented 31 December 2011 at 08:49

cool. It still in development but when it does go live i will let you know

thanks

Comment #11

guybedford commented 1 January 2012 at 16:38

I was just checking out the code again, and it's a long shot, but you could try the following.

In sites/all/modules/live_css/css.js, around line 357, update the 'setStyle' function to the following:


            self.setStyle = function(css){
              
                if (!!window.style.lessParser && this.href.match(/\.less/i)) {
                  hideLess(this.href);
                  this.less = css;
                  try {
                    window.style.lessParser.parse(css, function(e, tree) {
                      css = tree.toCSS();
                      self.link.html(self.fullUri(css));
                    });
                  }
                  catch (e) {
                    console.log('invalid less code');
                  }
                }
                else
                  self.link.html(self.fullUri(css));
            };

You will also now see the debugging messages as you type through invalid less in the editor. Let me know if that helps!

Comment #12

Anonymous (not verified) commented 21 January 2012 at 11:36

Status:

Active

» Fixed

Comment #13

4 February 2012 at 11:40

Status:

Fixed

» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Less live