@savakms
Графический дизайнер

Как подружить модуль 8px с elementor?

Имеется модульная система размером 8 px
Пример
5db195be28224174631083.png
Модуль 8 пикселей:
  • Можно более последовательно использовать во всех элементах дизайна: контролы, иконки, типографика
  • Имеет меньший шаг — больше вариативности
  • Имеет два подмодуля 4px и 2px, а не один, как у 10px
  • Объекты с размером, кратным 0,5m, всегда можно разместить по центру, в отличие от 10px сетки, в которой подмодуль нечетный
  • Это отраслевой стандарт

Нужно ее подружить с плагином Elementor для WordPress, но
1) По-умолчанию ширина основного блока 1140px
2) Отступы внутри колонки 10px и снаружи 10px
3) Отступы между виджетами 20px

Elementor позволяет в ручную назначать padding и magrin, но не позволяет изменить значения по-умолчанию.

Исторически интерфейсы верстались с отступами, кратными 5 и 10px, — стандартный выбор для небольших проектов, где удобство круглых цифр важнее системности. Но шаг 10px проигрывает 8px, когда речь заходит о построении на основе одного модуля всей дизайн-системы. Как быть?
  • Вопрос задан
  • 235 просмотров
Пригласить эксперта
Ответы на вопрос 1
OtshelnikFm
@OtshelnikFm Куратор тега WordPress
Мои работы: otshelnik-fm.ru
Переназначайте стили или дерегистрируйте стили и регистрируйте свои. Или перебивайте стили как "весом" так и злосчастным !important

Вариант 2 - разработчикам ядра элементора задайте ваш вопрос. Тут их нет. Тут вам по другому не скажет. Да и не любят здесь этот билдер.

Объекты с размером, кратным 0,5m, всегда можно разместить по центру, в отличие от 10px сетки, в которой подмодуль нечетный
Это отраслевой стандарт


Ссылку на описание стандарта дайте плиз.

А я для себя стандарт определил в 6 пикселей - он делится на 2 без остатка. Он дает больше воздуха чем 5 и не такой отрыв как 8. Мне кажется стандарт - 6px

1140 делится на 6-ть без остатка. Аргумент моего стандарта?

Исторически интерфейсы верстались с отступами, кратными 5 и 10px, — стандартный выбор для небольших проектов, где удобство круглых цифр важнее системности. Но шаг 10px проигрывает 8px, когда речь заходит о построении на основе одного модуля всей дизайн-системы. Как быть?


Используйте мой стандарт в 6px
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы