Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

escape whole declaration in less css

Tags:

less

Is it possible to escape whole declaration? This complies fine in less.js (I'm using less.app)

margin: e(" 0 10px");

But this throws an error:

e("margin: 0 10px");

I've tried putting 'margin' in a variable but without success.

like image 670
Litek Avatar asked Nov 27 '11 23:11

Litek


People also ask

How do you write less in CSS?

Create a stylesheet with . less extension and link it in your document using the rel="stylesheet/less" attribute. You are all set and can compose styles within the . less .

What is the difference between CSS and less?

CSS and LESS are not completely different, but LESS does offer additional features that make your projects easier. More than that, the compiled version of LESS is actual CSS.

How do I use less Mixins?

Mixins can be made to disappear in the output by simply placing the parentheses after it. The mixins can contain not just properties, but they can contain selectors too. Namespaces are used to group the mixins under a common name.


Video Answer


1 Answers

Sorry that's not possible. A couple things though:

The official escape designation (according to lesscss.org is the tilde-quote, not the e() syntax, like so:

margin: ~"0 10px";

Second, the code you provided is not nearly complex enough to warrant a LESS CSS string literal. Please share the actual code that you are having trouble with. You may want to close this question and ask another one.

Third, remember that you can include a .css file - it will not be compiled, just dumped into the output. The syntax is identical to a standard CSS import:

@import "myfile.css";
like image 137
Nathan Strutz Avatar answered Oct 21 '22 20:10

Nathan Strutz