bob_cody

style.
  /* =include app/css/main.css */

Тоже работает.

Я нашел выдранные из compass инструменты для работы с вертикальным ритмом под libsass, и счастлив)
https://github.com/neoeno/libsass-compass-vertical...
Это всё дело есть и в bower, если что.

$screen-md-min: 768px
$screen-md-max: 960px

$middle_min-max: "(min-width:" $screen-md-min + ") and (max-width:" + $screen-md-max + ")"

@media #{$middle_min-max}
  color: red

По умолчанию в Win\Linux - ctrl-\
Либо в меню View\Toggle Tree View
Можете изменить в keybinbings по ключу tree-view:toggle

materializecss.com/carousel.html
Если не нужен весь фреймворк, то можете скачать версию для Sass - там скрипты отдельными файлами лежат.

img(src=`images/${imageName}.png`, alt="")

React Native вам в помощь!

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

Для элемента #tooltip одним из предков является элемент с классами "section_wrapper mcb-section-inner", а для .section_wrapper у вас задано свойство postion: relative, вот и получается, что он позиционируется относительно него.

Положите #tooltip в корень body или так, чтобы ни один предок не имел значения свойства position отличного от static (дефолтное, если не указывать).

codepen.io/krasilnikov/pen/aJNGOm

Обработчик хранится в DOM-свойстве, а значит при удалении элемента он удаляется тоже.

И вариант с jQuery