Николай Шабалин

Ребята, кто подписался на вопрос. Дополню.
Никаких UX выкрутасов не получится сделать, типа
сделать кнопку и подписать снизу - "Если вы нажмёте на кнопку вы автоматически соглашаетесь с правилами".

Объясняю.
Это действие в суде рассматривается как подпись. Если человек не сделал дополнительного действия, то можно считать, что он не подписал.

Единственное верное решение (я так считаю) это дизейблить сабмит. При клике на чекбокс, с согласием с правилами, раздизейбливать сабмит.

Присоединюсь.
getElementsByClassName - возвращает коллекцию (массив).
Ознакомьтесь с пруфами 1, 2

Дополню.
Возможно addEventListener лучше не использовать, т.к. может повесится несколько обработчиков делающих одно и то же. Если заметите, что клик срабатывает несколько раз, перепишите на onclick

Средствами SASS вам такое не сделать, т.к. по-сути спрайт это большая картинка и вам нужно показать её часть и с помощью background-position сдвинуть сам спрайт.

Итого SASS должен знать размеры отоброжаемой части картинки и позицию отображаемой картинки. Он так не умеет из коробки.

Вы можете попробовать Compass, либо что-то более современное spriteSmith

var $carousels = $('.owl-carousel'); // класс ваших каруселек
$carousels.each(function() {
  $(this).owlCarousel({...})
})

max-device-width
Размер экрана, а не "разрешения экрана".
Попробуйте, max-width.

Я придумал два варианта.
1) Текст делать картинкой и выводить как маркер, рядом с настоящим марером.
Дока
Пример

2) опять же у нас есть два маркера, первый обычный гугловский маркер, а рядом второй, но с открытым тултипом, в который ты передал заголовок
Дока
А сам тултип стилизуешь как тебе надо, без фона и со стилями для текста.

У вас sass не знает путь до compass.
Для этого в таске надо ему подсказать местоположение

.pipe(sass({
  includePaths: [
    'node_modules/compass-mixins/lib/' // здесь ваш путь
 ]
})

Не понял в чём сложность.
На тинькове это сделано вот так:

background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
background-image: url('https://static.tinkoff.ru/documents/banners/tinkoff-black-babe-tv.jpg');

Не знаю, как тру.
Но я бы собрал массив из значений и в этом массиве узнал бы min/max
codepen.io/aurfon/pen/MyorqX

При открытие меню

window.history.pushState('forward', null, '#menu');

При клике на кнопку назад в браузере меню надо закрывать

$(window).on('popstate', function() {
  //реализация закрытия меню
});

Pixel Perfect не достижим! Запомни это.
Ты можешь подумать, что за глупость несёт этот парень =)

Но как только ты добьёшься Pixel Perfect в Google Chrome, то тебе сделает подсечку Firefox, а потом с вертухана добьёт Internet Explorer.

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

В целом достигай "удобоваримости" сайта, чтобы посетитель "хавал". Даже разница в 100px с макетом, не всегда плохо.

Немножко гопника во мне проснулось =)
Ну правда - не надо так!

Попробуйте менять не opacity, а
color: #ffffff
на
color: transparent
Сам не проверял, но шанс на успех есть.

Не возможно. CSS ничего не знает про длину вашего "some text", следовательно он не знает как обрезать вашу строку.

codepen.io/aurfon/pen/bVQzmK

Обязательно к прочтению - > css-live.ru/articles/obzor-inlajnovyj-kontekst-for...