title: Correct way to install singularity with bower?
body: <p>I'm running in some troubles installing singularity in my <a href="https://github.com/yeoman/generator-gulp-webapp" rel="nofollow">yeoman gulp-webapp</a> project. First, I installed singularity with bower. </p>
  
  <p>After that I had a projekt structure like this:</p>
  
  <pre><code>  My Projekt
      app
         bower_components
           compass_breakpoint
           sassy-maps 
           singularity
         styles
           main.scss
  </code></pre>
  
  <p>Then I imported singularity into my <em>main.scss</em> file like this: </p>
  
  <pre><code>@import "../bower_components/singularity/stylesheets/singularitygs";
  </code></pre>
  
  <p>In _<em>singularity.scss</em> I corrected the import path for <em>breakpoint</em> to:</p>
  
  <pre><code>@import "../../compass-breakpoint/stylesheets/breakpoint";
  </code></pre>
  
  <p>If I run <code>gulp</code>now in the terminal I get this strange error:</p>
  
  <pre><code>[gulp] Error in plugin 'gulp-ruby-sass':
  Syntax error: Invalid CSS after "...ntext holder') ": expected "}", was "!global;"
      on line 47 of  /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/compass-breakpoint/stylesheets/_breakpoint.scss
      from line 4 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/singularity/stylesheets/_singularitygs.scss
      from line 1 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/styles/main.scss
  
  at ChildProcess.&lt;anonymous&gt; (/Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/node_modules/gulp-ruby-sass/index.js:80:25)
  at ChildProcess.EventEmitter.emit (events.js:98:17)
  at maybeClose (child_process.js:743:16)
  at Socket.&lt;anonymous&gt; (child_process.js:956:11)
  at Socket.EventEmitter.emit (events.js:95:17)
  at Pipe.close (net.js:466:12)
  </code></pre>
  
  <p>Did anyone have an idea how to get this setup running?</p>
  
  <p>Thanks, Oli</p>