{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation/issues/6641","labels_url":"https://api.github.com/repos/zurb/foundation/issues/6641/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation/issues/6641/comments","events_url":"https://api.github.com/repos/zurb/foundation/issues/6641/events","html_url":"https://github.com/zurb/foundation/issues/6641","id":89781461,"number":6641,"title":"white border in button-groups","user":{"login":"MoniqueHahnefeld","id":2779282,"avatar_url":"https://avatars.githubusercontent.com/u/2779282?v=3","gravatar_id":"","url":"https://api.github.com/users/MoniqueHahnefeld","html_url":"https://github.com/MoniqueHahnefeld","followers_url":"https://api.github.com/users/MoniqueHahnefeld/followers","following_url":"https://api.github.com/users/MoniqueHahnefeld/following{/other_user}","gists_url":"https://api.github.com/users/MoniqueHahnefeld/gists{/gist_id}","starred_url":"https://api.github.com/users/MoniqueHahnefeld/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MoniqueHahnefeld/subscriptions","organizations_url":"https://api.github.com/users/MoniqueHahnefeld/orgs","repos_url":"https://api.github.com/users/MoniqueHahnefeld/repos","events_url":"https://api.github.com/users/MoniqueHahnefeld/events{/privacy}","received_events_url":"https://api.github.com/users/MoniqueHahnefeld/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-06-20T15:19:52Z","updated_at":"2015-07-09T22:45:19Z","closed_at":null,"body":"hi,\r\n\r\nin my button-group the border looks very ugly.\r\nIt seams that the parent-element of the .button cuts the border sometimes.\r\nSo I have fix it with this:\r\n\r\n<pre>/* fix the border inside the li tag */\r\n.button-group > li {\r\n  float: left;\r\n}\r\n.button-group > li > button, \r\n.button-group > li .button {\r\n  border-left: 1px solid rgba(255, 255, 255, 0.5);\r\n}</pre>\r\n\r\n<h3>SCSS</h3>\r\nI suppose it can be easily fixed with: \r\nhttps://github.com/zurb/foundation/blob/master/scss/foundation/components/_button-groups.scss#L164\r\n<pre> > li { @include button-group-style(); float: left;  }</pre>\r\nand:    <br>\r\nhttps://github.com/zurb/foundation/blob/master/scss/foundation/components/_button-groups.scss#L39\r\n<pre>\r\n  > button, .button {\r\n    border-#{$default-float}: $button-group-border-width solid;\r\n    border-#{$default-float}-color: rgba(255, 255, 255, .5);\r\n  }\r\n</pre>\r\n\r\nBut I haven't check the other cases an relations yet.\r\nHope you can use it...\r\n"},"comment":{"url":"https://api.github.com/repos/zurb/foundation/issues/comments/120167761","html_url":"https://github.com/zurb/foundation/issues/6641#issuecomment-120167761","issue_url":"https://api.github.com/repos/zurb/foundation/issues/6641","id":120167761,"user":{"login":"jnemeth","id":4128699,"avatar_url":"https://avatars.githubusercontent.com/u/4128699?v=3","gravatar_id":"","url":"https://api.github.com/users/jnemeth","html_url":"https://github.com/jnemeth","followers_url":"https://api.github.com/users/jnemeth/followers","following_url":"https://api.github.com/users/jnemeth/following{/other_user}","gists_url":"https://api.github.com/users/jnemeth/gists{/gist_id}","starred_url":"https://api.github.com/users/jnemeth/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jnemeth/subscriptions","organizations_url":"https://api.github.com/users/jnemeth/orgs","repos_url":"https://api.github.com/users/jnemeth/repos","events_url":"https://api.github.com/users/jnemeth/events{/privacy}","received_events_url":"https://api.github.com/users/jnemeth/received_events","type":"User","site_admin":false},"created_at":"2015-07-09T22:45:19Z","updated_at":"2015-07-09T22:45:19Z","body":"We're having trouble reproducing the issue, could you maybe throw up a codepen to demonstrate?  http://codepen.io/jnemeth/pen/oXdWRp\r\n\r\n"}}