vwall / compass-twitter-bootstrap

The twitter bootstrap ported to compass
724 stars 121 forks source link

Can't install with "compass install" #51

Open twashing opened 12 years ago

twashing commented 12 years ago

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"
twashing commented 12 years ago

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;
    }   
  }
twashing commented 12 years ago

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   }
dotmilk commented 11 years ago

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