Muriel Grid

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

O que é Muriel Grid?

Muriel Grid é uma extensão do Chrome desenvolvida por jffng, e sua principal característica é "A responsive grid overlay, based on the Muriel Design System.".

Capturas de Tela da Extensão

screenshot
screenshot

Baixar o arquivo CRX da Extensão Muriel Grid

Baixe arquivos de extensão Muriel Grid no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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                    

Informações Básicas da Extensão

Nome Muriel Grid Muriel Grid
ID heabkjiofmaphebjodoflpglpkdojpmg
URL Oficial https://chromewebstore.google.com/detail/muriel-grid/heabkjiofmaphebjodoflpglpkdojpmg
Descrição A responsive grid overlay, based on the Muriel Design System.
Tamanho do Arquivo 8.68 KB
Contagem de Instalações 276
Versão Atual 0.3
Última Atualização 2019-07-11
Data de Publicação 2019-07-11
Desenvolvedor jffng
Tipo de Pagamento free
Idiomas Suportados 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"
    ]
}