I know it's been reported already but bugs were closed due to insufficient information.
I have the following CSS code:
#id1 {
position: fixed;
left: 0; top: 0;
width: 130px;
}
#id2 {
position: fixed;
right: 0; top: 0;
width: calc(100% - 130px);
}
I wanted to transform it into LESS using 130px as a parameter but calc gets internpreted by LESS and this:
@id1width: 130px
#id1 {
position: fixed;
left: 0; top: 0;
width: @id1width;
}
#id2 {
position: fixed;
right: 0; top: 0;
width: calc(100% - @id1width);
}
makes the last but one line transformed to width: calc(-30%); which is clearly not what's desired. I tried using width: ~"calc(100% - @id1width)"; but it makes @id1width not interpreted.
I think LESS shouldn't use things reserved by CSS3 for its internal use...
I know it's been reported already but bugs were closed due to insufficient information.
I have the following CSS code:
I wanted to transform it into LESS using
130pxas a parameter but calc gets internpreted by LESS and this:makes the last but one line transformed to
width: calc(-30%);which is clearly not what's desired. I tried usingwidth: ~"calc(100% - @id1width)";but it makes@id1widthnot interpreted.I think LESS shouldn't use things reserved by CSS3 for its internal use...