{"action":"created","issue":{"url":"https://api.github.com/repos/designbyjake/sassline/issues/20","labels_url":"https://api.github.com/repos/designbyjake/sassline/issues/20/labels{/name}","comments_url":"https://api.github.com/repos/designbyjake/sassline/issues/20/comments","events_url":"https://api.github.com/repos/designbyjake/sassline/issues/20/events","html_url":"https://github.com/designbyjake/sassline/issues/20","id":43793929,"number":20,"title":"Adjusting margins for arbitrary borders and padding","user":{"login":"mmadden","id":615870,"avatar_url":"https://avatars.githubusercontent.com/u/615870?v=3","gravatar_id":"","url":"https://api.github.com/users/mmadden","html_url":"https://github.com/mmadden","followers_url":"https://api.github.com/users/mmadden/followers","following_url":"https://api.github.com/users/mmadden/following{/other_user}","gists_url":"https://api.github.com/users/mmadden/gists{/gist_id}","starred_url":"https://api.github.com/users/mmadden/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mmadden/subscriptions","organizations_url":"https://api.github.com/users/mmadden/orgs","repos_url":"https://api.github.com/users/mmadden/repos","events_url":"https://api.github.com/users/mmadden/events{/privacy}","received_events_url":"https://api.github.com/users/mmadden/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2014-09-24T17:45:42Z","updated_at":"2015-01-17T17:47:48Z","closed_at":null,"body":"I'm really enjoying Sassline so far, especially the breakpoint-specific scales, etc. However, I'm having some difficulty styling a simple `<button>` that maintains the vertical rhythm and it seems this will be a problem for other elements requiring borders or more padding.\r\n\r\nThe sassline mixin doesn't seem to have a way to account for additional padding or borders. For example, in the case of a `<button>` a 1px border causes the inner text to fall 1px below the baseline, and all descendant elements to fall 2px below the baseline. Also padding-top is always greater than padding-bottom which isn't typically desirable in buttons or other form input elements where the text should be vertically centered between the borders.\r\n\r\nPlease let me know if I'm missing something, but it seems like another mixin or function is needed that also accepts border and/or padding arguments and automatically adjusts the top/bottom margins to maintain the vertical rhythm by snapping to the closest fitting _n_ lines of the current baseline.\r\n\r\nWhen this is a solved use case (or if it is already), perhaps we can update the Sassline demo to include basic form elements.\r\n\r\nKeep up the great work Jake!"},"comment":{"url":"https://api.github.com/repos/designbyjake/sassline/issues/comments/70376308","html_url":"https://github.com/designbyjake/sassline/issues/20#issuecomment-70376308","issue_url":"https://api.github.com/repos/designbyjake/sassline/issues/20","id":70376308,"user":{"login":"pjhawksr","id":10725,"avatar_url":"https://avatars.githubusercontent.com/u/10725?v=3","gravatar_id":"","url":"https://api.github.com/users/pjhawksr","html_url":"https://github.com/pjhawksr","followers_url":"https://api.github.com/users/pjhawksr/followers","following_url":"https://api.github.com/users/pjhawksr/following{/other_user}","gists_url":"https://api.github.com/users/pjhawksr/gists{/gist_id}","starred_url":"https://api.github.com/users/pjhawksr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pjhawksr/subscriptions","organizations_url":"https://api.github.com/users/pjhawksr/orgs","repos_url":"https://api.github.com/users/pjhawksr/repos","events_url":"https://api.github.com/users/pjhawksr/events{/privacy}","received_events_url":"https://api.github.com/users/pjhawksr/received_events","type":"User","site_admin":false},"created_at":"2015-01-17T17:47:48Z","updated_at":"2015-01-17T17:47:48Z","body":"+1"}}