{"action":"opened","issue":{"url":"https://api.github.com/repos/winjs/grid/issues/109","labels_url":"https://api.github.com/repos/winjs/grid/issues/109/labels{/name}","comments_url":"https://api.github.com/repos/winjs/grid/issues/109/comments","events_url":"https://api.github.com/repos/winjs/grid/issues/109/events","html_url":"https://github.com/winjs/grid/issues/109","id":83719598,"number":109,"title":"Add vertical spacing","user":{"login":"vmaha","id":10160111,"avatar_url":"https://avatars.githubusercontent.com/u/10160111?v=3","gravatar_id":"","url":"https://api.github.com/users/vmaha","html_url":"https://github.com/vmaha","followers_url":"https://api.github.com/users/vmaha/followers","following_url":"https://api.github.com/users/vmaha/following{/other_user}","gists_url":"https://api.github.com/users/vmaha/gists{/gist_id}","starred_url":"https://api.github.com/users/vmaha/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vmaha/subscriptions","organizations_url":"https://api.github.com/users/vmaha/orgs","repos_url":"https://api.github.com/users/vmaha/repos","events_url":"https://api.github.com/users/vmaha/events{/privacy}","received_events_url":"https://api.github.com/users/vmaha/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-06-01T22:18:24Z","updated_at":"2015-06-01T22:18:24Z","closed_at":null,"body":"I'd like to add vertical spacing for tiled layouts, in which we need the vertical spacing between cells to be equal to the horizontal spacing. For example, the grid should allow us to create layouts that look like the image below, where the horizontal and vertical arrows are equal in length.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/10160111/7924343/45efb480-086f-11e5-991a-410700c28d8c.png)\r\n\r\nI plan on sending our a pull request with this addition, but I wanted to figure out the best way to solve it first.\r\n\r\n### Option 1 \r\n\r\nUsers can add `.vertical-spacing` to their grid element or individual row. This will work much like the existing `fixed-*` helpers. \r\n\r\n### Option 2\r\n\r\nWe'll add a `vertical-spacing` boolean to `config.scss`, which users can turn on if they want vertical spacing.\r\n\r\nFrom the users perspective, option 1 seems better in every way: option 2 forces them to apply the rule to the entire webpage, and forces them to rebuild the grid."}}