Less processes css as invalid

Question

I'm trying to use https://github.com/Idered/cssParentSelector with less. I'm wondering if there's a way to have less ignore a few lines and just add them as is to a css file.

body! > .modal-trigger:checked { overflow: hidden; } presents a ParseError: Unrecognised input error.

If you put body! > .modal-trigger:checked { overflow: hidden; } in a css file it works as expected.

seven-phases-max · Accepted Answer · 2014-09-14 02:07:55Z

1

Instead of ignoring the whole line (which would require too cryptic tricks) you can ignore just the invalid character, e.g.:

@excl: !;
body@{excl} > .modal-trigger:checked {overflow: hidden}

Alternatively you can move all that non-CSS into a separate CSS file and include it with (inline) option so Less will just copy its contents w/o parsing:

@import (inline) "whatever.css";

Another alternative would be to use CSS escaping but only if it is supported by the polyfill as well:

body\! > .modal-trigger:checked {overflow: hidden}

edited Sep 14, 2014 at 2:07

answered Sep 14, 2014 at 1:44

seven-phases-max

11.9k1 gold badge47 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fallen Over a year ago

You my friend are amazing. Thank you so much. P.S. Thanks for including 3 different ways, you're awesome.

Collectives™ on Stack Overflow

Less processes css as invalid

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related