Twitter-bootstrap – import a LESS file into SASS

lesssasstwitter-bootstrap

I am trying to work with some grid widths using the bootstrap variables.less file, but I'd like to use SASS instead of LESS.

I've got the following code:

jqGrid.scss

@import url('../../Content/bootstrap/bootstrap-ui/less/variables.less');

@mixin colWidthPercent($columnNum, $widthPercent) {
    width: @screen-sm-min;
}

It doesn't like the @screen-sm-min, I'd assume because it's a LESS format.

Is there any way to mix a .less file and a .sass file?

Best Solution

No, that's not possible, because SASS and LESS aren't compatible with each other.

Just use the official SASS port of Bootstrap instead: https://github.com/twbs/bootstrap-sass