Muriel Grid
A responsive grid overlay, based on the Muriel Design System.
什麼是Muriel Grid？
Muriel Grid是由jffng開發的Chrome擴展程式，該擴展的主要功能是“A responsive grid overlay, based on the Muriel Design System.”。
擴展截圖
下載Muriel Grid擴展crx文件
下載Muriel Grid擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
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 |
| ID | heabkjiofmaphebjodoflpglpkdojpmg |
| 官方網址 | 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"
]
} | |
