Дмитрий Беляев

Как это работает:
https://www.typescriptlang.org/docs/handbook/tripl...
https://www.typescriptlang.org/docs/handbook/decla...

Альтернативы:
https://www.typescriptlang.org/tsconfig#types

я бы бордером сделал

пробел лишний в селекторе

&:hover {
    background-color: #f9ba48;
}

Если внимательно почитать вывод в консоль, то можно увидеть, что проблема с правами, а все дело в том, что не нужно запускать npm install из под sudo

итак, для начала следует из под рута снести папку модуля:

sudo rm -rf /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass

затем еще раз выполнить npm install node-sass gulp-sass --save-dev только на этот раз без sudo

еще вот так, возможно и имеет смысл:

@mixin flex($align: null, $direction: null) {
  display: flex;
  @if $align {
    align-items: $align;
  }
  @if $direction {
    flex-direction: $direction;
  }
}

.header {
  @include flex;
}

.content {
  @include flex(center, column);
}

.footer {
  @include flex;
}

В bootstrap/mixins есть большое число функций и миксинов на многие случаи

в вотчере таск css:single запускается параллельно таску sass, а нужно последовательно