yaroslavgrishajev

Реализовать это можно по разному в принципе, можно поместить элемент в котором размещена цифра в контейнер и сдвинуть его вправо отрицательным margin'ом, или position: relative + отрицательным значением right, либо сделать внешний контейнер меньше по ширине, чем надпись. В общем, зависить от ситуации и целей, но суть во том, что нужно скрыть, то что вылазит за границы контейнера посредством overflow: hidden. Намример, вот так можно:

<div>
  <p>750</p>
</div>

div {
  width: 125px;
  border-right: 2px solid black;
  overflow: hidden;
}

p {
  font-size: 100px;
  margin: 0;
}

Рабочий пример: fiddle

Если не ошибаюсь, то достаточно просто указать путь типа 'src/**/*.*'

Пересмотрел вопрос :)
Плагин gulp-rename делает то, что Вам нужно. Там в документации это описано: можно на лету поменять путь указанный в gulp.src (например заменить sass на css).

У меня это выглядело вот так:

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    rename = require('gulp-rename');

gulp.task('sass', function () {
    gulp.src('./src/**/*.scss') 
        .pipe(sass({
            includePaths: ['./src/']
        }))
        .pipe(rename(function(path){

                // path.dirname = 'module-a(b)/sass' - это то, что задано в gulp.src
        	path.dirname = path.dirname.replace( "sass", "css" );

                // path.dirname = 'module-a(b)/css' - а теперь мы поменяли так, как нам нужно
        	return path; 
		  }))
        .pipe(gulp.dest('./src/')); // и тогда все сложится в src/module-a(b)/css - в нужную папку модуля
});

gulp.task('default', ['sass']);

Но там уже как душе угодно можно плясать.