Possible to override less main (to omit Bootstrap "print" styles)?

[bootprint]

Possible to override less main (to omit Bootstrap "print" styles)?

[nknapp]

This ist due to https://github.com/bootprint/customize-engine-less/blob/master/index.js#L28 which converts the entries like { main: 'main.less' } into the internal representation { main: [ 'main.less' ] } and arrays are always merged by concatenation in customize.

At the moment, it is not possible to override files.

The thought behind this that you can always override declarations in less-files by appending a new less-file. I have not taken into account that reducing the size of the resulting css-file would be of concern.

I agree, this should be done. It should be an issue at customize-engine-less, but I am not sure how to fix it, and I personally probably won't have the time at the moment. If you want to propose a change, don't hesitate to create a PR. I will then have a look at it.

[mtraynham]

I have a pretty crappy workaround, which is to alter the node_modules bootstrap.less file before running bootprint. So I'm not going to attempt a PR.

My problem does extend beyond reducing the size of the css.

I use this for static webpage generation, which works great, but when converting the page to PDF (using node-html-pdf or PhantomJS). it sets the @media to print. node-html-pdf uses PhantomJS and ultimately both libraries use QtWebKit, and they run into this bug. Bootstrap has it's own print styles, that use !important flags to wash out the colors of the webpage, which completely jacks the color scheme. I was hoping I could replace the bootstrap.less file with my own that removes the @import "print.less" through the configuration.

Customize.js has that _customize_custom_overrider, which looked promising, but I could never get it to work.

[nknapp]

I have changed the title to reflect your actual goal on this, so that other people can find it as well.

At the moment, I don't see a good alternative for the hacky workaround. Which is sad, because the whole idea of customize was to allow easy customizations, so this should be possible somehow.
I will have to think about it.

[nknapp]

You might be able to override the css style similar to the example in http://stackoverflow.com/questions/9636132/list-style-css-override-back-to-default (using inherit along with !important). Since your styles are included after the bootstrap-styles, they should override them if they are equal specific.