compass-twitter-bootstrap
compass-twitter-bootstrap copied to clipboard
Can't install with "compass install"
I don't have a rails project, thus don't have bundler or a Gemfile. But I do use compass, and would like to try the Twitter Bootstrap integration with Compass without having to use bundler. So far, I've successfully installed the gem:
gem install compass_twitter_bootstrap
But I can't seem to install the compass module with this:
webkell@ubuntu:~/Projects/bkell/public$ compass install compass_twitter_bootstrap
No such framework: "compass_twitter_bootstrap"
... or this:
webkell@ubuntu:~/Projects/bkell/public$ compass install compass-twitter-bootstrap
No such framework: "compass-twitter-bootstrap"
Even after trying bundler, I still get an invalid css error. Is there a base version of bundler & compass on which this works?
More specifically, if I execute the following commands:
compass create fubar
cd fubar
gem install compass_twitter_bootstrap
# "gem 'compass_twitter_bootstrap'" is added to Gemfile
bundle install
# "require 'compass_twitter_bootstrap'" is added to "config.rb"
# "@import 'compass_twitter_bootstrap';" is added to "sass/fubar.sass"
... I get the following error , indicating that there's an error in compass-twitter-bootstrap's _forms.scss
$ compass compile
remove .sass-cache/
remove stylesheets/screen.css
remove stylesheets/print.css
remove stylesheets/ie.css
error sass/fubar.sass (Line 421 of _forms.scss: Invalid CSS after " &+": expected number or function, was ".add-on {")
create stylesheets/fubar.css
create stylesheets/screen.css
create stylesheets/print.css
create stylesheets/ie.css
The error looks to be around here in stylesheets/compass_twitter_bootstrap/_forms.scss
input:first-child {
// In IE7, having a hasLayout container (from clearfix's zoom:1) can make the first input
// inherit the sum of its ancestors' margins.
*margin-left: -160px;
&+.add-on {
*margin-left: -21px;
}
}
These were the errors, and I had to comment out these lines in these files to fix the errors.
$ compass compile
Line 421 of _forms.scss: Invalid CSS after " &+": expected number or function, was " .add-on {"
416 input:first-child {
417 // In IE7, having a hasLayout container (from clearfix's zoom:1) can make the first input
418 // inherit the sum of its ancestors' margins.
419 *margin-left: -160px;
420
421 //&+ .add-on {
422 &.add-on {
423 *margin-left: -21px;
424 }
425 }
$ compass compile
Line 540 of _mixins.scss: wrong number of arguments (1 for 0) for `e'
537 // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
538 &:active,
539 &.active {
540 //background-color: darken($endColor, 10%) e("\9");
541 background-color: darken($endColor, 10%);
542 }
$ compass compile
Line 56 of _buttons.scss: wrong number of arguments (1 for 0) for `e'
50 .btn.active,
51 .btn:active {
52 background-image: none;
53 $shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
54 @include box-shadow($shadow);
55 background-color: darken($white, 10%);
56 //background-color: darken($white, 15%) e("\9");
57 background-color: darken($white, 15%);
58 outline: 0;
59 }
$ compass compile
Line 48 of _modals.scss: wrong number of arguments (1 for 0) for `e'
47 &.fade {
48 //@include transition(e('opacity .3s linear, top .3s ease-out'));
49 @include transition(e());
50 top: -25%;
51 }
I'm in twashing's boat here, did the gem install, no rails, have a gemfile it's correct. however i can not compass install compass-twitter-bootstrap
no such framework