TalkPHP - View Single Post

cachepl0x · 05-19-2010, 02:33 PM

I thought I would share with you all an incredibly amazing tool.

http://lesscss.org/

Basically it is a CSS compiler, that enables you to use variables, functions (mixins) and nesting inside of your CSS. All you have to do is make a file, style.less, edit it using the less syntax (essentially the same as regular css, only better), then run

Code:

lessc style.less

And it will generate a nicely formatted CSS file.

If you want it to update the style.css as you edit the style.less file, run

Code:

lessc style.less --watch

You need to have Ruby installed to run this program.

Here is an example of a .less file I am working with:

http://pastie.org/967642

And here is the .css file it generated

http://pastie.org/967664

I think it's a great too. :3 Hope you all like it as much as I do.

Never mind the use of both hex colors and rgb colors, I am tired and lesscss ends up compiling rbg() into hex colors anyway.

05-19-2010, 02:33 PM	#1 (permalink)
cachepl0x That guy Join Date: Sep 2009 Location: San Antonio, TX Posts: 24 Thanks: 0	LessCSS I thought I would share with you all an incredibly amazing tool. http://lesscss.org/ Basically it is a CSS compiler, that enables you to use variables, functions (mixins) and nesting inside of your CSS. All you have to do is make a file, style.less, edit it using the less syntax (essentially the same as regular css, only better), then run Code: lessc style.less And it will generate a nicely formatted CSS file. If you want it to update the style.css as you edit the style.less file, run Code: lessc style.less --watch You need to have Ruby installed to run this program. Here is an example of a .less file I am working with: http://pastie.org/967642 And here is the .css file it generated http://pastie.org/967664 I think it's a great too. :3 Hope you all like it as much as I do. Never mind the use of both hex colors and rgb colors, I am tired and lesscss ends up compiling rbg() into hex colors anyway.