Nakładka siatki CSS w Chrome z OffiDocs

OPIS

Obsługuje wielokrotne punkty przerwania i zwykłe wartości siatki (rynny, kolumny, maksymalna szerokość itp.).

Konfiguracje można łatwo zapisywać i udostępniać członkom zespołu jako obiekty json.

Przykład conf: [ { "kolumny": 4, "marginesy": 16, // px przed i po pierwszej i ostatniej kolumnie // te rynny działają jak marginesy: // jeśli odległość między kolumnami wynosi 32 piksele, rynny mają 16 cali ": 16, "from": 0, // początek punktu przerwania w px // Wartości opcjonalne // "to": 599, koniec punktu przerwania w px // siatka zostanie wyśrodkowana po maxWidth w px // w przeciwnym razie' będzie miała pełną szerokość // „maxWidth”: 1440, // jeśli chcesz przesunąć siatkę // (np.

g.

w przewodniku po stylach z lewym paskiem bocznym // użyłbyś offsetLeft, aby przesunąć siatkę w prawo // "offsetTop": 0, // "offsetRight": 0, // "offsetBottom": 0, // "offsetLeft ": 0, // "backgroundColors": { // "columns": "rgba(234, 23, 140, .

3)", // "rynny": "rgba(0, 231, 255, .

3)", // "marginesy": "rgba(0, 191, 165, .

3)" // } } ]

Dodatkowe informacje:

- Oferowane przez imagentleman.github.io
- Średnia ocena: 4.33 gwiazdki (lubię to)
- Deweloper Ten adres pocztowy jest chroniony przed spamowaniem. W przeglądarce musi być włączona obsługa JavaScript, żeby go zobaczyć.

Sieć nakładki siatki CSS extension zintegrowany z OffiDocs Chromium Online