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

Latest Version

Version
0.3
Update
July 11, 2019
Size
8.68KiB
Developer
Category
Users
218
Rating
0 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Muriel Grid 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
Read more

Source 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"]}
Read more

Similar Extensions

icon

Grid Layout System Extension · Developer Tools 218 1 ★ 140KiB

icon

CSS Grid Overlay Extension · Developer Tools 218 7 ★ 181KiB

icon

Grid System Extension · Developer Tools 218 7 ★ 938KiB

icon

Grid Ruler Extension · Developer Tools 218 335 ★ 288KiB

icon

Foundation Overlay Extension · Developer Tools 218 12 ★ 9.14KiB

icon

Bootstrap Grid for any Website Extension · Developer Tools 218 7 ★ 42.21KiB

icon

Grid Builder Extension · Developer Tools 218 11 ★ 43.28KiB

icon

Grrrid Extension · Developer Tools 218 20 ★ 138KiB

icon

SK Grid Extension · Developer Tools 218 2 ★ 10.83KiB

icon

Design Column Overlay Extension · Developer Tools 218 2 ★ 392KiB

icon

NOV Grid - Responsive grid overlay Extension · Developer Tools 218 2 ★ 24.98KiB

icon

MSK Grid Overlay Extension · Developer Tools 218 0 ★ 89.14KiB

icon

Layout Grid for browser Extension · Productivity 218 1 ★ 952KiB

icon

Grids by Color Sets Extension · Developer Tools 218 3 ★ 171KiB

icon

GriDesign Extension · Developer Tools 218 0 ★ 17.75KiB

icon

Screen Sizes Extension · Productivity 218 22 ★ 107KiB

icon

Dimensions Extension · Developer Tools 218 454 ★ 17.28KiB

icon

Bootstrap grid viewer Extension · Developer Tools 218 2 ★ 34.09KiB

icon

Site Palette Extension · Developer Tools 218 344 ★ 297KiB

icon

UX Check Extension · Productivity 218 84 ★ 1.32MiB

icon

gridView Extension · Developer Tools 218 5 ★ 90.28KiB

icon

Designer Tools Extension · Developer Tools 218 227 ★ 987KiB

icon

PixelParallel by htmlBurger Extension · Developer Tools 218 65 ★ 223KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 218 87 ★ 816KiB