Сергей delphinpro

display: flex;
flex-direction: column;
justify-content: space-between;

Да в общем-то на сервере им делать нечего. Достаточно того, что они лежат в репозитории.

Правда бесит ситуация, когда берешься за доработку, открываешь стили, и видишь, что сверстаны они с использованием препроцессора. Спрашиваешь у заказчика исходники, а он говорит, что ему когда делали, передали только css, или вообще не в курсе. Мораль: заказчику нужно отдавать все исходники, и объяснить, что они будут нужны будущему разработчику для доработок.

Для задания вычисляемых процентных значений лучше использовать встроенную функцию percentage()
percentage(1/3); = одна треть (на выходе 33.33333%)
percentage(3/12); = а так удобно писать для сеток. 3 колонки из 12. одна четверть. (на выходе 25%)

По теме вопроса:
часто межколоночные отступы в сетках компенсируют отрицательными отступами у класса-контейнера, что позволяет избежать мозготраха с удалением отступов у крайних колонок.

.row {
  margin-left: -($grid-spacing / 2);
  margin-right: -($grid-spacing / 2);
}

поставил Python + Visual Studio Community 2015, но при установке npm install --save-dev browser-sync выдает ошибку

Странно. Никогда не ставил ни питон, ни студию. Браузер-синк нормально ставится.

если вы напишете в scss-файле
@import "file.css"
то в выходном css файле останется эта запись.
если вы импортируете scss-файл - он будет склеен

Интерполяция не прокатит разве?
#{$margin}

add-cart($margin, $prop)
  .animated-add-cart
    animation-duration 1.5s

  @keyframes add-cart
    0%
      #{$margin}:  -($prop / 1.1)
    50%
      #{$margin}:  -($prop / 1.2)
    100%
      #{$margin}:  -($prop / 1.1)

  .add-cart
    animation-name add-cart

$px = 5px
add-cart('margin-bottom', $px)