Muriel Grid

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

ما هو Muriel Grid؟

Muriel Grid هو إضافة Chrome تم تطويرها بواسطة jffng، والميزة الرئيسية لها هي "A responsive grid overlay, based on the Muriel Design System.".

لقطات شاشة التمديد

screenshot
screenshot

تحميل ملف CRX للإضافة Muriel Grid

قم بتنزيل ملفات الامتداد Muriel Grid بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        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                    

معلومات أساسية عن التمديد

الاسم Muriel Grid Muriel Grid
ID heabkjiofmaphebjodoflpglpkdojpmg
عنوان URL الرسمي https://chromewebstore.google.com/detail/muriel-grid/heabkjiofmaphebjodoflpglpkdojpmg
الوصف A responsive grid overlay, based on the Muriel Design System.
حجم الملف 8.68 KB
عدد التثبيتات 276
النسخة الحالية 0.3
آخر تحديث 2019-07-11
تاريخ النشر 2019-07-11
المطور jffng
نوع الدفع free
اللغات المدعومة 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"
    ]
}