본문 바로가기
gulp

spritesmith hover

by uni:D 2017. 2. 17.

https://github.com/twolfson/gulp.spritesmith/issues/18



cssOpts: {
  cssClass: function (item) {
    // If this is a hover sprite, name it as a hover one (e.g. 'home-hover' -> 'home:hover')
    if (item.name.indexOf('-hover') !== -1) {
      return '.sprite-' + item.name.replace('-hover', ':hover');
    // Otherwise, use the name as the selector (e.g. 'home' -> 'home')
    } else {
      return '.sprite-' + item.name;
    }
  }
}



sass로


.icon-email {
  @include sprite($icon-email);

  &:hover {
    @include sprite($icon-email-hover);
  }
}


'gulp' 카테고리의 다른 글

gulp-html-tag-include  (0) 2016.12.05
gulp.spritesmith 스프라이트이미지  (0) 2016.09.28
사스로 벤더프리픽스  (0) 2016.09.26