02matoka

Каталог .idea, содержит служебные файлы среды PHPStorm, с опциями проекта.

Перед открытием проекта в среде PHPStorm создайте его с помощью vue-cli, после этого открываете проект в среде разработки.

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

1. Добавьте в файл .gitignore строки:
*/.idea/
.idea

Эти строки сделают так, чтобы git не обращал внимания на содержимое папок .idea, где бы в репозитории они ни находились.

2. Перейдите в корень репозитория и выполните команду для удаления файлов из git. Удаляется папка .idea в корне и папки .idea из подпапок первого уровня.

git rm -r --cached .idea */.idea

Выполнение команды git-rm необходимо, так как добавление строки в .gitignore, не ведет остановке контроля над уже отслеживаемыми файлами. Ключ -r нужен, чтобы команда была применена рекурсивно ко всем файлам и папкам в .idea и */.idea. Ключ --cached нужен, чтобы файлы были удалены только из кэша git, а не из файловой системы.

Автоматически это не сделать, потому что не для всех размеров нужны ремы, шрифты 16px (и менее) и в тел будут 16. 18px уже надо индивидуально смотреть. С шириной в px тоже все индивидуально, где-то уменьшается, где-то нет.
Удобно конвертировать через scss, и функцию, которая принимает px из макета и делит на 16

$baseFontSize: 16;
@function rem($pixels, $min: 12) {
	@if (unitless($pixels)) {
		$pixels: $pixels * 1px;
	}
	@if (unitless($min)) {
		$min: $min * 1px;
	}
	$context: 16px;

	@return #{"max("}#{$pixels / $context * 1rem}#{", "}#{$min}#{")"};
}

max нужен, чтобы шрифты не уходили в меньший, чем 12 размер

использование:

.b-form__title {
		font-size: rem(29px);
	}