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 | |
| 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"
]
} | |