Сергей delphinpro

По-моему во всех трех популярных препроцессорах нет никакой принципиальной разницы. Чуть-чуть различается синтаксис, но это дело привычки. Я не ощущаю никакого дискомфорта при работе с любым из них, хотя большую часть времени приходится работать с sass.

flex-wrap: wrap;

Посмотрите как делают сетки на флексах. Есть отдельные проекты, чисто сетка. Есть в составе фремворков (тот же бутстрап 4 альфа)

function myFunc() {
 // some code
}

$(function(){
  myFunc();
  setInterval(myFunc, 15000);
});

Вопрос:
А зачем вам на каждой итерации навешивать события? Я вижу каждые 15 сек выполнение addEventListener() и ни одного removeEventListener(). Обработчики будут накапливаться. На первой итерации выполнятся по разу, на второй - по два и т.д.

Налицо ошибка дизайнера. Ему следует перестроить сетку. Именно сетку, а не блоки с контентом. Хотя их немного тоже затронуть придется.

В сетке следует увеличить гуттеры (расстояния между колонками). И соответственно уменьшить ширину колонок.
Третий столбик чуть изменится в ширине. Не стоит выпендриваться и отдать ему получившиеся четыре колонки.

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

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

codepen.io/anon/pen/kXyxEQ

jsfiddle.net/ketoLpae/8

jsfiddle.net/ketoLpae/9

console.log(elementClick)
и вам все станет ясно (стремное название для переменной, кстати)

Если вы хотите "продублировать" в классе .cities-list2 вышеозначенную иконку, то просто расширьте этот класс (вы же препроцессор используете)

.cities-list2 {
  @extend .fa;
  @extend .fa-sort-desc;
}

Разумеется, чтобы это сработало, ваши font-awesome иконки тоже должны быть включены в этот же файл

Рисуете SVG-шку.
И... и всё. Дальше как обычно
path:hover { fill: orange; }

Абсолютное позиционирование тут конечно же ни причем :)
Просто запутались с селекторами.

codepen.io/anon/pen/zBZLVG

gulp-plumber

left: auto

$sJson = '{"streams":{"stream1":{"alive":0,"iframe":"url" },"stream2":{"alive":0,"iframe":"url"},"stream8":{"alive":0,"iframe":"url"}}}';
$rgJson = json_decode($json, true);
$allDead = true;
foreach($rgJson['streams'] as $stream) {
  if ($stream['alive'] != 0) {
    $allDead = false;
    break;
  }
}

if ($allDead) {
  echo '1';
}

Нужно разрешить контейнеру ul увеличиваться, если ему не хватает места.
codepen.io/anon/pen/gMgLEm

Строго говоря, между двумя точками не может быть никакого угла.

Да. Почти.
У вас здесь два блока (БЭМ-блока)

.callback {}
.callback-form{}

Лучше писать писать их отдельно. А элементы вполне норм.

HEAD is now at - вы откатились. Но если будете комитить новые изменения, вам нужно будет создать новую ветку в этом месте, иначе куда комитить?
Чтобы создать ветку (сразу или позже пред коммитом) используйте команду git checkout -b

Вообще стоит почитать это https://git-scm.com/book/ru/v1 Там все расписано для начинающих.

ЗАЧЕМ???

Есть псевдо-класс :nth-child()

ul li:nth-child(1) {}
ul li:nth-child(5) {}