0

I'm generating my CSS with twitter bootstrap, and want to simply use that CSS. When the dart CSS preprocessor goes over the already process .less files, it breaks some of the definitions.

Initially I just put the .css file in the out/css/ folder and linked to that, but then the dart editor says that it can't find the imported CSS file.

enyo
  • 16,269
  • 9
  • 56
  • 73

1 Answers1

1

If you ever need it, WebUI compiler has flags to disable some features. For example, you can use --no-css to disable processing of css. You can either pass these flags when invoking dwc from the command line, or if you are using build.dart, you need something like this:

var args = new Options().arguments.toList();
args.addAll(['--', '--no-css']);
build(args, ['your_entrypoint.html'])

WebUI tries to process any css file that can be reached via relative paths from the entrypoint file. If you provide absolute paths or http URLs for css classes, WebUI will not process those links either. That would let you remove the warnings, while still processing CSS everywhere else.

If you have a local dev server, you can use a project-absolute path (instead of a file-system absolute path) to get things working.

If you can, please do open a bug with more details to track the source of the problems you saw.

Siggi Cherem
  • 369
  • 1
  • 3
  • The absolute path is great! Will try to use that. Wouldn't it be a good idea to have the possibility to use .pcss (like processed css or something like it) to differentiate between .css and .pcss? PS: I would have posted the problems I saw, but twitter bootstrap is so big and compiled code that it was quite hard to pinpoint the problem. – enyo Jun 13 '13 at 22:02