Sergey Ponomarenko xto3na

## git_merge--abort
git merge --abort

## ScrollTrigger.js
/* First argument: horizontal coordinate(X),
   Second argument: vertical coordinate(Y)*/
window.scrollTo(0, 583);

## ST3-Settings-Plugins
ST3-Settings-Plugins

## masonry.html
<style>
.masonry-layout {
  column-count: 3;
  -webkit-column-count: 3;
  column-gap: 0;
  -webkit-column-gap: 0;
}
.masonry-layout_item {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;

## eslint-disable-next-line
// eslint-disable-next-line
console.log('value: ', value);

## Как рассчитать пропорцию уменьшенной картинки
Формула расчета

Все делается в два этапа:

1 - Делим исходную ширину на требуемую ширину;
2 - Получаем требуемую высоту, поделив исходную высоту на результат деления двух ширин (п.1).
Пример. Возьмем уже всем известные размеры изображений: 1024x768 и 800x600. Представим, что мы не знаем высоту второй картинки. По формуле получается следующее: 768/(1024/800) = 600. Это и есть требуемая нам высота.

Если же мы знаем высоту, а нам нужно получить ширину, то необходимо проделать все, как в первой формуле, только наоборот.

## swipeHandler
function swipeHandler () {
		var initialPoint;
		var finalPoint;
		document.addEventListener('touchstart', function(event) {
			if (typeof event !== 'undefined' && $(event.target).hasClass('slide-img') && $('body').hasClass('mobile')){
				initialPoint=event.changedTouches[0];
			} else {
				return false;
			}
		}, false);

## Video background
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML5 видео в качестве заднего фона</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <video autoplay loop muted poster="video.jpg" class="bgvideo" id="bgvideo">
   <source src="video.mp4" type="video/mp4"></source>

## Calc in LESS
max-height: calc(~'100vh - 200px');

## Paddings and margins helpers generate in LESS
.interval-generator(@index: 0) when (@index <= 50) {

  // Paddings with step 5px
  .pt@{index} {
    padding-top: ~"@{index}px";
  }
  .pb@{index} {
    padding-bottom: ~"@{index}px";
  }
  .pl@{index} {
	/* First argument: horizontal coordinate(X),
	Second argument: vertical coordinate(Y)*/
	window.scrollTo(0, 583);
	<style>
	.masonry-layout {
	column-count: 3;
	-webkit-column-count: 3;
	column-gap: 0;
	-webkit-column-gap: 0;
	}
	.masonry-layout_item {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	Формула расчета

	Все делается в два этапа:

	1 - Делим исходную ширину на требуемую ширину;
	2 - Получаем требуемую высоту, поделив исходную высоту на результат деления двух ширин (п.1).
	Пример. Возьмем уже всем известные размеры изображений: 1024x768 и 800x600. Представим, что мы не знаем высоту второй картинки. По формуле получается следующее: 768/(1024/800) = 600. Это и есть требуемая нам высота.

	Если же мы знаем высоту, а нам нужно получить ширину, то необходимо проделать все, как в первой формуле, только наоборот.
	function swipeHandler () {
	var initialPoint;
	var finalPoint;
	document.addEventListener('touchstart', function(event) {
	if (typeof event !== 'undefined' && $(event.target).hasClass('slide-img') && $('body').hasClass('mobile')){
	initialPoint=event.changedTouches[0];
	} else {
	return false;
	}
	}, false);
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>HTML5 видео в качестве заднего фона</title>
	<link rel="stylesheet" href="style.css">
	</head>
	<body>
	<video autoplay loop muted poster="video.jpg" class="bgvideo" id="bgvideo">
	<source src="video.mp4" type="video/mp4"></source>
	.interval-generator(@index: 0) when (@index <= 50) {

	// Paddings with step 5px
	.pt@{index} {
	padding-top: ~"@{index}px";
	}
	.pb@{index} {
	padding-bottom: ~"@{index}px";
	}
	.pl@{index} {