{"action":"opened","issue":{"url":"https://api.github.com/repos/masakudamatsu/japanese-gardens/issues/5","repository_url":"https://api.github.com/repos/masakudamatsu/japanese-gardens","labels_url":"https://api.github.com/repos/masakudamatsu/japanese-gardens/issues/5/labels{/name}","comments_url":"https://api.github.com/repos/masakudamatsu/japanese-gardens/issues/5/comments","events_url":"https://api.github.com/repos/masakudamatsu/japanese-gardens/issues/5/events","html_url":"https://github.com/masakudamatsu/japanese-gardens/issues/5","id":322578450,"number":5,"title":"Format the paragraphs","user":{"login":"masakudamatsu","id":36348559,"avatar_url":"https://avatars0.githubusercontent.com/u/36348559?v=4","gravatar_id":"","url":"https://api.github.com/users/masakudamatsu","html_url":"https://github.com/masakudamatsu","followers_url":"https://api.github.com/users/masakudamatsu/followers","following_url":"https://api.github.com/users/masakudamatsu/following{/other_user}","gists_url":"https://api.github.com/users/masakudamatsu/gists{/gist_id}","starred_url":"https://api.github.com/users/masakudamatsu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/masakudamatsu/subscriptions","organizations_url":"https://api.github.com/users/masakudamatsu/orgs","repos_url":"https://api.github.com/users/masakudamatsu/repos","events_url":"https://api.github.com/users/masakudamatsu/events{/privacy}","received_events_url":"https://api.github.com/users/masakudamatsu/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-05-13T09:27:46Z","updated_at":"2018-05-13T09:27:46Z","closed_at":null,"author_association":"OWNER","body":"Make the paragraph appear to be enclosed with a rectangular frame of the same width on all sides.\r\n\r\nUsing the principle of [vertical rhythms](https://zellwk.com/blog/why-vertical-rhythms/), the frame width is chosen to be half the line-height. Currently we set `line-height: 1.5` (based on the readability on the 320px-wide viewport). So the width is `0.75rem`.\r\n\r\nFor side paddings, we can just use `0.75rem`. For top and bottom paddings, extra consideration is required, because `line-height: 1.5` adds a space both above and below the text. That is, the space that's 0.25rem high is added to the top of the text. Consequently, for the top bar of the frame to be `0.75rem`, we need `padding-top: 0.5rem`. \r\n"}}
{"actor":{"display_login":"masakudamatsu"}}