yeoman webappで作ったプロジェクトにgumbyをたす

sass-bootstrapと同じような感じでいけるが、fontのコピーが必要なのでGruntfile.jsの修正が必要。

bowerでインストールする

$ bower install gumby --save

scssに@importする

app/styles/直下にsassファイルを置いた場合（例：app/styles/main.scss）

@import "../bower_components/gumby/sass/gumby";

iconフォントをコピーするタスクをGruntfile.jsに書く

.tmpと<%= yeoman.dist =%>にbower_components/gumby/fonts配下のファイルのコピーが必要。

grunt.initConfig({

  // 略

  copy: {
    server: {
      files: [{
        expand: true,
        cwd: '<%= yeoman.app %>/bower_components/gumby',
        dest: '.tmp',
        src: [ 'fonts/**' ]
      }]
    },
    dist: {
      files: [

        // 略

        // <%= yeoman.dis %>配下にコピー
        {
          expand: true,
          cwd: '<%= yeoman.app %>/bower_components/gumby',
          dest: '<%= yeoman.dist %>',
          src: [ 'fonts/**' ]
        }
      ]
    }

    // 略
  }

});