{"action":"opened","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/7742","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7742/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7742/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7742/events","html_url":"https://github.com/zurb/foundation-sites/issues/7742","id":124611869,"number":7742,"title":"Grid row nested within semantic grid margin error","user":{"login":"bwydev","id":7107235,"avatar_url":"https://avatars.githubusercontent.com/u/7107235?v=3","gravatar_id":"","url":"https://api.github.com/users/bwydev","html_url":"https://github.com/bwydev","followers_url":"https://api.github.com/users/bwydev/followers","following_url":"https://api.github.com/users/bwydev/following{/other_user}","gists_url":"https://api.github.com/users/bwydev/gists{/gist_id}","starred_url":"https://api.github.com/users/bwydev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bwydev/subscriptions","organizations_url":"https://api.github.com/users/bwydev/orgs","repos_url":"https://api.github.com/users/bwydev/repos","events_url":"https://api.github.com/users/bwydev/events{/privacy}","received_events_url":"https://api.github.com/users/bwydev/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-01-02T21:20:08Z","updated_at":"2016-01-02T21:20:08Z","closed_at":null,"body":"A grid nested within a semantically named grid never gets the margin adjustment to prevent the nested grid from being inset. \r\n\r\n    <div class=\"row-one\">\t\r\n\t<div class=\"row-one-col\">\r\n\t\t<h1>Title</h1>\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"large-6 columns\">\r\n\t\t\t\tContent\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n    <div class=\"row\">\r\n\t<div class=\"large-8 large-push-2 columns\">\r\n\t\t<h1>Title</h1>\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"large-6 columns\">\r\n\t\t\t\tContent\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\nThe first example incorrectly insets the \"Content\" nested row. The second example correctly vertically aligns. \r\n\r\nIn the first example's nested row the margins are set by `.row`, while the second is `.row` is overriden by `.row .row`."}}