Привет всем
Верстаю на гридах, собираю в gulp, scss
для изображений никаких стилей не выставлено
все иконки собираются в спрайт через gulp-svg-sprite
таск в gulpfile
gulp.task('svgSprite', function () {
return gulp.src([source_folder + '/iconsprite/*.svg'])
.pipe(svgSprite({
mode: {
stack: {
sprite: "../icons/icons.svg", //sprite file name
example: true
}
},
}
))
.pipe(dest(path.build.img))
})
в коде svg изображения всё прописано верно типа:
svg width="42" height="42" viewBox="0 0 42 42"
почему ширина иконки больше чем фактическая?
будто какие-то поля по бокам
как сделать чтобы она стала фактической???
когда выставляю точную высоту, и ширину "авто" , поля остаются
когда выставляю точную ширину, и высоту "авто" , изображение уменьшается
когда выставляю точно то и то, оно уменьшается ещё сильнее