Menu
Using JavaScriptless extension and link it in your document using the rel="stylesheet/less" attribute. You are all set and can compose styles within the . less . The LESS syntax will be compiled on the fly as the page loads.
Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official documentation for Less, the language and Less. js, the JavaScript tool that converts your Less styles to CSS styles. Because Less looks just like CSS, learning it is a breeze.
Less (Leaner Style Sheets; sometimes stylized as LESS) is a dynamic preprocessor style sheet language that can be compiled into Cascading Style Sheets (CSS) and run on the client side or server side.
Step 1: Go to your project folder, create a subfolder named CSS and then create a file named styles. less inside it.
Referring to LESS documentation (http://lesscss.org/#client-side-usage):
Link your .less stylesheets with the rel set to “stylesheet/less”:
<link rel="stylesheet/less" type="text/css" href="styles.less" />
Then download less.js from the top of the page, and include it in the <head> element of your page, like so:
<script src="less.js" type="text/javascript"></script>
Make sure you include your stylesheets before the script.
This method will cause the less-file act as a regular css-file so no additional files are needed.
This is not a good practice for production environments though. You should compile your less-file to css-file and include it in your <head>-section as is without any less- or js-files.
@import "styles.less";
OR
@import "styles";
its from ur CSS file.. you just need to include it like
<link rel="stylesheet/less" type="text/css" href="styles.less" />
This one helped me ...
<script src="less.js" type="text/javascript"></script>
I was tryin to use only this
<link rel="stylesheet/less" type="text/css" href="styles.less" />
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With