{"action":"created","issue":{"url":"https://api.github.com/repos/yahoo/pure/issues/467","labels_url":"https://api.github.com/repos/yahoo/pure/issues/467/labels{/name}","comments_url":"https://api.github.com/repos/yahoo/pure/issues/467/comments","events_url":"https://api.github.com/repos/yahoo/pure/issues/467/events","html_url":"https://github.com/yahoo/pure/issues/467","id":63464359,"number":467,"title":"Printing grid elements: cut off at page end ","user":{"login":"mbelow","id":767568,"avatar_url":"https://avatars.githubusercontent.com/u/767568?v=3","gravatar_id":"","url":"https://api.github.com/users/mbelow","html_url":"https://github.com/mbelow","followers_url":"https://api.github.com/users/mbelow/followers","following_url":"https://api.github.com/users/mbelow/following{/other_user}","gists_url":"https://api.github.com/users/mbelow/gists{/gist_id}","starred_url":"https://api.github.com/users/mbelow/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mbelow/subscriptions","organizations_url":"https://api.github.com/users/mbelow/orgs","repos_url":"https://api.github.com/users/mbelow/repos","events_url":"https://api.github.com/users/mbelow/events{/privacy}","received_events_url":"https://api.github.com/users/mbelow/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-03-21T23:07:09Z","updated_at":"2015-06-04T23:37:20Z","closed_at":null,"body":"I have noticed that grid elements can't be printed well by the browsers I have tried. Iceweasel (comparable to Firefox 31.5) cuts them off at the end of the first page, Chrome and Opera try to let the content run onto following pages, but they sometimes cut lines at page end in half.\r\n\r\nBlogs indicate that it is a problem that these elements are styled as\r\n\r\n    display: inline-block;\r\n\r\nwhich means that can't be spread onto multiple pages easily.\r\n\r\nIt seems to help Firefox to declare a stylesheet for `media=print` that contains just\r\n\r\n     .pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5,  .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {\r\n    display: inline ;\r\n    } \r\n\r\nFor Chrome and Opera, this extra stylesheet has no visible effect."},"comment":{"url":"https://api.github.com/repos/yahoo/pure/issues/comments/109092773","html_url":"https://github.com/yahoo/pure/issues/467#issuecomment-109092773","issue_url":"https://api.github.com/repos/yahoo/pure/issues/467","id":109092773,"user":{"login":"romecode","id":5008277,"avatar_url":"https://avatars.githubusercontent.com/u/5008277?v=3","gravatar_id":"","url":"https://api.github.com/users/romecode","html_url":"https://github.com/romecode","followers_url":"https://api.github.com/users/romecode/followers","following_url":"https://api.github.com/users/romecode/following{/other_user}","gists_url":"https://api.github.com/users/romecode/gists{/gist_id}","starred_url":"https://api.github.com/users/romecode/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/romecode/subscriptions","organizations_url":"https://api.github.com/users/romecode/orgs","repos_url":"https://api.github.com/users/romecode/repos","events_url":"https://api.github.com/users/romecode/events{/privacy}","received_events_url":"https://api.github.com/users/romecode/received_events","type":"User","site_admin":false},"created_at":"2015-06-04T23:37:20Z","updated_at":"2015-06-04T23:37:20Z","body":"@mbelow oh man! I must have spent a whole day until I finally decided to pull the problematic code and isolate it away from purecss. Once I realized it was pure, well a quick search on github and here we are, your @media css fix definitely takes care of the problem. \r\n\r\nwhat a PITA! thanks again"}}