Наложение сетки CSS в Chrome с ОфиДокс

ОПИСАНИЕ

Поддерживает кратные точки останова и обычные значения сетки (желоба, столбцы, максимальная ширина и т. д.).

Конфигурации можно легко сохранить и передать членам команды в виде объектов json.

Пример conf: [ { "columns": 4, "margins": 16, // px до и после первого и последнего столбца // эти отступы работают как отступы: // если расстояние между столбцами 32 пикселя, отступы равны 16 "отступам ": 16, "from": 0, // начало точки останова в px // Необязательные значения // "to": 599, конец точки останова в px // сетка будет центрирована после этой maxWidth в px // иначе она' будет полной ширины // "maxWidth": 1440, // если вы хотите переместить сетку // (например,

g.

в руководстве по стилю с левой боковой панелью // вы бы использовали offsetLeft, чтобы сдвинуть сетку вправо // "offsetTop": 0, // "offsetRight": 0, // "offsetBottom": 0, // "offsetLeft ": 0, // "backgroundColors": { // "columns": "rgba(234, 23, 140, .

3)", // "желоба": "rgba(0, 231, 255, .

3)", // "поля": "rgba(0, 191, 165, .

3)" // } } ]

Дополнительная информация:

- Предложено imagentleman.github.io
- Средняя оценка: 4.33 звезды (понравилось)
- разработчик Этот адрес электронной почты защищен от спам-ботов. Ботов, для его просмотра включен JavaScript.

Веб-сайт CSS Grid Overlay extension интегрирован с OffiDocs Chromium онлайн