Главная » Гид по стилю сайта lidolov.ru

Гид по стилю сайта lidolov.ru

Содержимое статьи:

Контейнеры

Контент всегда находится в контейнере 1-ого уровня. К таким контейнерами относятся:

Все три основных контейнера 1-ого уровня имеют отступы сверху и снизу:

main,
article,
section {
	padding-top: 40px;
	padding-bottom: 40px;

	@media(min-width: $lg) {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

В html разметке это выглядит вот так:

Заголовки

Установлен размер для 4-х уровней заголовков: H1, H2, H3, H4.

Заголовок 1 уровня

Заголовок 2 уровня

Заголовок 3 уровня

Заголовок 4 уровня

В редакторе gutenberg существует 2 вида заголовков для отдельных страниц:

Первый — дублирует название записи. Второй — уникальный.

Кроме того имеется заголовок для списков записей (например «товары», «статьи», «новости»).

И заголовок для страницы поиска (который будет содержать поисковую фразу).

Цвета

На сайте заданы цвета, которые разрешено использовать в оформлении. Использование других цветов разрешено по своему усмотрению, но не желательно.