How to align border and layouts to the 8pt grid system

Перевод статьи Space in Design Systems с сайта , опубликовано на css-live.ru с разрешения автора — Нейтана Кёртиса. От основ до продвинутых понятий, чтобы задействовать пространство с умом Я долго называл цвет, текст и иконки «большой тройкой» визуального языка системы. Все интерфейсные компоненты — от кнопок и далее — строятся на них. Но я кое-что упустил. Пространство, по-английски называемое тем же словом, что космос, наш последний рубеж. Пространство соперничает с цветом Пространство повсюду. CSS разделяет объекты свойствами типа padding, margin и left, right, top и bottom из абсолютного позиционирования. Я сравнил, как часто встречаются эти свойства в пяти библиотеках (Bootstrap, Salesforce Lightning, Foundation, мой предыдущий проект и текущий проект) относительно свойств, относящихся к цвету, размеру, тексту, раскладке и т.д. Пространство соперничает с цветом по частоте свойств в стилях библиотеки После удаления особых случаев