0

Im using livereload and using Espresso as my editor, ive linked livereload to my html file, however when i edit my less file it wont load of the functions or styles, but the livereload itself works. When i also try to edit anything on a less file it wont be editable like a css file. everything is in plain text, so i know something is not right in that end. 

<link rel="stylesheet/less" href="styles.less">
<script src="http://lesscss.googlecode.com/files/less-1.1.3.min.js"></script>

Everytime i put stylesheet/less the file just works with html, so its with no style.

Bartek Lipinski
  • 30,698
  • 10
  • 94
  • 132
Jethwa
  • 11
  • 4
  • This is just answering your last sentence, but LESS syntax highlighting doesn't work out of the box in Espresso. You need to download a .sugar extension to make this work, or follow this -> http://zurb.com/forrst/posts/Making_Espresso_syntax_highlight_SASS_SCSS-gxI guide – Steyn Aug 31 '15 at 14:36
  • One of the steps asks me to find a folder called sugars, but i dont have that folder.. – Jethwa Aug 31 '15 at 14:44
  • Right. Click the application -> Show contents -> Contents -> SharedSupport -> Plugins -> CSS.espressoplugin (rightclick, show package) -> edit languages.xml with another text editor and add the less extension. – Steyn Aug 31 '15 at 14:47
  • And have you added this sentences in your head? – Steyn Aug 31 '15 at 14:49
  • Thank you so much that has worked and now my less file has the right language settings. now i have the problem of my less file not changing anything to my page. – Jethwa Aug 31 '15 at 14:54
  • The less file wont work now, ive linked it to my html, so im back to square one. – Jethwa Aug 31 '15 at 15:04
  • It's quite hard for us to understand what's not working. Could you please elaborate with an example? – Steyn Aug 31 '15 at 15:11
  • Coming Soon and i added the code you said. – Jethwa Aug 31 '15 at 15:12
  • Thats my html code, the less file is linked and is in the right folders, im not sure why its not working also when i try to save the less file it gives me errors saying i need to put closing tags when i already have.. – Jethwa Aug 31 '15 at 15:13

2 Answers2

1

You are linking to http://lesscss.googlecode.com/files/less-1.1.3.min.js

But perhaps you should check to which recourses you are linking before doing so ;)

It's a page that doesn't exist (and if it would exist, it would be very outdated.)

Instead; link to http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js and get more info here http://lesscss.org

Steyn
  • 1,311
  • 8
  • 15
0

Have you tried changing stylesheet/less to stylesheet/css?

 <link rel="stylesheet/css" href="styles.less">
 <script src="http://lesscss.googlecode.com/files/less-1.1.3.min.js"></script>
Tomas K
  • 361
  • 4
  • 17