Muriel Grid
A responsive grid overlay, based on the Muriel Design System.
Co to jest Muriel Grid?
Muriel Grid to rozszerzenie Chrome opracowane przez jffng, a jego główną funkcją jest „A responsive grid overlay, based on the Muriel Design System.”.
Zrzuty ekranu rozszerzenia
Pobierz plik CRX rozszerzenia Muriel Grid
Pobierz pliki rozszerzeń Muriel Grid w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.
Instrukcja Użytkowania Rozszerzenia
Installing and opening this extension provides the ability to toggle a grid overlay onto the current page. This grid is designed to the Muriel design system. The breakpoints in use are: Screen width at 0dp+ - Columns: 4 - Margins: 16dp - Gutters: 16dp Screen width at 660dp+ - Columns: 8 - Margins: 24dp - Gutters: 24dp Screen width at 1040dp+ - Columns: 12 - Margins: 24dp+ (variable) - Gutters: 24dp For more details, please visit the Figma Grid documentation: https://www.figma.com/file/RfpHfk6896X7Mlciddjc45Ur/Layout-Grid?node-id=148%3A0
Podstawowe informacje o rozszerzeniu
Nazwa | Muriel Grid |
ID | heabkjiofmaphebjodoflpglpkdojpmg |
Oficjalny URL | https://chromewebstore.google.com/detail/muriel-grid/heabkjiofmaphebjodoflpglpkdojpmg |
Opis | A responsive grid overlay, based on the Muriel Design System. |
Rozmiar pliku | 8.68 KB |
Liczba instalacji | 276 |
Aktualna Wersja | 0.3 |
Ostatnia Aktualizacja | 2019-07-11 |
Data Publikacji | 2019-07-11 |
Deweloper | jffng |
Typ Płatności | free |
Obsługiwane Języki | en |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Muriel Grid", "description": "A responsive grid overlay, based on the Muriel Design System.", "version": "0.3", "author": "Jeff Ong", "background": { "scripts": [ "src\/background.js" ], "persistent": true }, "browser_action": { "default_popup": "src\/popup.html" }, "web_accessible_resources": [ "src\/css\/grid.css", "src\/css\/popup.css" ], "permissions": [ "activeTab" ] } |