thomas-mcdonald/bootstrap-sass — Issue #52: Opacity mixin conflict with compass
Author: thetamind
Created: 2012-02-06 20:32:59+00:00
State: open

Using v2.0 I noticed the modal overlay blacks out the screen because opacity is set to 80, not 0.8;

Compass defines the [opacity mixin](http://compass-style.org/reference/compass/css3/opacity/) to take a value between 0 and 1.
Twitter bootstrap's LESS [opacity mixin](https://github.com/twitter/bootstrap/blob/master/less/mixins.less#L380) takes a value from 0 to 100.

I'm adding a few bootstrap components to an existing compass styled site using Rails 3.2 with asset pipeline. I worked around this conflict by having two separate top level stylesheets, having a bootstrap only one that does not include compass.

I guess this is a good use case for [namespacing](https://github.com/sporkd/compass-h5bp/commit/80ff83f7dd023bb93a50327944ce01395a6de7b8)?