CSS Grid Overlay in Chrome за допомогою OffiDocs

ОПИС

Підтримує кілька контрольних точок і звичайні значення сітки (жолоби, стовпці, максимальна ширина тощо).

Конфігурації можна легко зберегти та поділитися між членами команди як об’єкти JSON.

Приклад conf: [ { "columns": 4, "margins": 16, // px перед і після першого й останнього стовпців // ці жолоби працюють як поля: // якщо відстань між стовпцями 32 пікселів, жолоби мають 16 "жолобів ": 16, "від": 0, // початок точки розриву в пікселях // Необов'язкові значення // "до": 599, кінець точки розриву в пікселях // сітка буде відцентрована після цієї максимальної ширини в пікселях // інакше вона" матиме повну ширину // "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 web extension інтегровано з OffiDocs Chromium онлайн