Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can't install with "compass install" #51

Open
twashing opened this issue Apr 20, 2012 · 3 comments
Open

Can't install with "compass install" #51

twashing opened this issue Apr 20, 2012 · 3 comments

Comments

@twashing
Copy link

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
Copy link
Author

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
Copy link
Author

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
Copy link

dotmilk commented Mar 17, 2013

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants