Наложение CSS-сетки в Chrome с OffiDocs
Расширение интернет-магазина Chrome CSS Grid Overlay
ОПИСАНИЕ:
Запустите расширение интернет-магазина Chrome CSS Grid Overlay с помощью OffiDocs Chromium онлайн.
Поддерживает кратные точки останова и обычные значения сетки (желоба, столбцы, максимальная ширина и т. д.).Конфигурации можно легко сохранить и передать членам команды в виде объектов 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, интегрированное с онлайн-версией OffiDocs Chromium.