Muriel Grid

A responsive grid overlay, based on the Muriel Design System.

Was ist Muriel Grid?

Muriel Grid ist eine Chrome-Erweiterung, die von jffng entwickelt wurde, und ihr Hauptmerkmal ist "A responsive grid overlay, based on the Muriel Design System.".

Erweiterungsscreenshots

screenshot
screenshot

Muriel Grid-Erweiterungs-CRX-Datei herunterladen

Laden Sie Muriel Grid-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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                    

Grundlegende Informationen zur Erweiterung

Name Muriel Grid Muriel Grid
ID heabkjiofmaphebjodoflpglpkdojpmg
Offizielle URL https://chromewebstore.google.com/detail/muriel-grid/heabkjiofmaphebjodoflpglpkdojpmg
Beschreibung A responsive grid overlay, based on the Muriel Design System.
Dateigröße 8.68 KB
Installationsanzahl 276
Aktuelle Version 0.3
Letztes Update 2019-07-11
Veröffentlichungsdatum 2019-07-11
Entwickler jffng
Zahlungsart free
Unterstützte Sprachen 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"
    ]
}