Muriel Grid

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

Qu'est-ce que Muriel Grid ?

Muriel Grid est une extension Chrome développée par jffng, et sa fonction principale est "A responsive grid overlay, based on the Muriel Design System.".

Captures d'Écran de l'Extension

screenshot
screenshot

Télécharger le fichier CRX de l'extension Muriel Grid

Téléchargez les fichiers d'extension Muriel Grid au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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                    

Informations de Base sur l'Extension

Nom Muriel Grid Muriel Grid
ID heabkjiofmaphebjodoflpglpkdojpmg
URL Officiel https://chromewebstore.google.com/detail/muriel-grid/heabkjiofmaphebjodoflpglpkdojpmg
Description A responsive grid overlay, based on the Muriel Design System.
Taille du Fichier 8.68 KB
Nombre d'Installations 276
Version Actuelle 0.3
Dernière Mise à Jour 2019-07-11
Date de Publication 2019-07-11
Développeur jffng
Type de Paiement free
Langues Prises en Charge 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"
    ]
}