Николай Шабалин

На css такое делать не желательно.
Но если ради эксперимента, вы можете через последний пункт меню, поменять позиционирование выпадающего списка.

У вас наверняка выпадающий список выглядит вот так. Ну т.е. "прицепляется" к пункту меню слева сверху.

CSS

.subList {
  ...
  position: absolute;
  top: 0;
  left: 0;
  ...
}

Вот вам надо, чтобы у последнего пункта меню выпадабщий список "прицепился" к правой стороне.

CSS

.items:last-child {
  .subList {
    right: 0;
  }
}

Вам нужно настроить таску, чтобы она смотрела на всю папку sass

Таска

gulp.task('sass', function() {
 gulp.src('/dev/sass/**/*.scss')
  .pipe(sass())
  .pipe(gulp.dest('место куда должно компилится'))
});

Watch
gulp.watch('/dev/sass/**/*.scss', ['sass']);

Настройки, конечно же подставьте свои.

html

<a class="on" href="javascript:;">Включить</a>
 <a class="off" href="javascript:;">Выключить</a>
 
 <div class="text">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur, molestiae!
 </div>

SASS

.text {
  display: none;
}

.on {
  &.is-active {
    color: green;
  }
}

.off {
  &.is-active {
    color: grey;
  }
}

jQuery

$on = $('.on');
$off = $('.off');
$text = $('.text');
active = 'is-active';

$on.click(function() {
  $text.fadeIn(300);
  $on.addClass(active);
  $off.removeClass(active);
})

$off.click(function() {
  $text.fadeOut(300);
  $on.removeClass(active);
  $off.addClass(active);
})

Поиграться здесь.

codepen.io/aurfon/pen/YyeWyN

Ознакомьтесь.
sass-compatibility.github.io

Вообще не желательно, что бы в пути были кирилические символы.
По теме попробуйте в основном SASS файле, в начале указать @charset "UTF-8";

Вы хотите, чтобы у вас было 5 колонок в 12 колоночной сетке?
Ну так разделите 12 / 5
@include span(2.4);