반응형
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 setting (0) | 2024.10.27 |
---|---|
gulp image guide sample page (0) | 2024.10.26 |
gulp-html-tag-include (0) | 2016.12.05 |
gulp.spritesmith 스프라이트이미지 (0) | 2016.09.28 |
사스로 벤더프리픽스 (0) | 2016.09.26 |