Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sunny/devgrid
Tiny CSS grid overlay when pressing Ctrl-G
https://github.com/sunny/devgrid
Last synced: 4 days ago
JSON representation
Tiny CSS grid overlay when pressing Ctrl-G
- Host: GitHub
- URL: https://github.com/sunny/devgrid
- Owner: sunny
- License: mit
- Created: 2015-03-19T16:55:40.000Z (almost 10 years ago)
- Default Branch: main
- Last Pushed: 2020-06-14T10:00:22.000Z (over 4 years ago)
- Last Synced: 2024-10-31T16:59:10.262Z (about 2 months ago)
- Language: CSS
- Homepage:
- Size: 2.38 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# devgrid
Tiny CSS grid overlay when pressing `ctrl-G`.
## Usage
Add the CoffeeScript file and SCSS file to your project.
Press `ctrl-G` to show the CSS grid overlay.
## Example
On [Cults.](http://cults3d.com):
![](https://raw.githubusercontent.com/sunny/devgrid/master/devgrid.gif)
## Adapt
You should adapt the SCSS file to your project so that the columns sizes match how
your app responds in size, number, gutters, outer-gutters, media queries, etc.Add breakpoint content for your common breakpoints to inform you of which
breakpoints are beeing used.