maolo

Интересует все, в особенности пишите ли вы миксины для box-shadow или flex. Я знаю, что есть встроенные, но в compass, а как только силами sass.

Есть autoprefixer, так что Compass, по большому счету, и не нужен.
Так что привыкаем снова писать правила в соответствии со стандартами CSS :) Более того, компас похоже умер - уже очень давно не обновлялся.

Еще стоит уйти с ruby версии на node-sass - скорость компиляции Вас приятно удивит.

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

.btn {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}