{"action":"created","issue":{"url":"https://api.github.com/repos/WICG/cq-usecases/issues/63","repository_url":"https://api.github.com/repos/WICG/cq-usecases","labels_url":"https://api.github.com/repos/WICG/cq-usecases/issues/63/labels{/name}","comments_url":"https://api.github.com/repos/WICG/cq-usecases/issues/63/comments","events_url":"https://api.github.com/repos/WICG/cq-usecases/issues/63/events","html_url":"https://github.com/WICG/cq-usecases/issues/63","id":296405120,"number":63,"title":"Document height-based CQ use case","user":{"login":"keithjgrant","id":410794,"avatar_url":"https://avatars0.githubusercontent.com/u/410794?v=4","gravatar_id":"","url":"https://api.github.com/users/keithjgrant","html_url":"https://github.com/keithjgrant","followers_url":"https://api.github.com/users/keithjgrant/followers","following_url":"https://api.github.com/users/keithjgrant/following{/other_user}","gists_url":"https://api.github.com/users/keithjgrant/gists{/gist_id}","starred_url":"https://api.github.com/users/keithjgrant/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/keithjgrant/subscriptions","organizations_url":"https://api.github.com/users/keithjgrant/orgs","repos_url":"https://api.github.com/users/keithjgrant/repos","events_url":"https://api.github.com/users/keithjgrant/events{/privacy}","received_events_url":"https://api.github.com/users/keithjgrant/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"keithjgrant","id":410794,"avatar_url":"https://avatars0.githubusercontent.com/u/410794?v=4","gravatar_id":"","url":"https://api.github.com/users/keithjgrant","html_url":"https://github.com/keithjgrant","followers_url":"https://api.github.com/users/keithjgrant/followers","following_url":"https://api.github.com/users/keithjgrant/following{/other_user}","gists_url":"https://api.github.com/users/keithjgrant/gists{/gist_id}","starred_url":"https://api.github.com/users/keithjgrant/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/keithjgrant/subscriptions","organizations_url":"https://api.github.com/users/keithjgrant/orgs","repos_url":"https://api.github.com/users/keithjgrant/repos","events_url":"https://api.github.com/users/keithjgrant/events{/privacy}","received_events_url":"https://api.github.com/users/keithjgrant/received_events","type":"User","site_admin":false},"assignees":[{"login":"keithjgrant","id":410794,"avatar_url":"https://avatars0.githubusercontent.com/u/410794?v=4","gravatar_id":"","url":"https://api.github.com/users/keithjgrant","html_url":"https://github.com/keithjgrant","followers_url":"https://api.github.com/users/keithjgrant/followers","following_url":"https://api.github.com/users/keithjgrant/following{/other_user}","gists_url":"https://api.github.com/users/keithjgrant/gists{/gist_id}","starred_url":"https://api.github.com/users/keithjgrant/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/keithjgrant/subscriptions","organizations_url":"https://api.github.com/users/keithjgrant/orgs","repos_url":"https://api.github.com/users/keithjgrant/repos","events_url":"https://api.github.com/users/keithjgrant/events{/privacy}","received_events_url":"https://api.github.com/users/keithjgrant/received_events","type":"User","site_admin":false}],"milestone":null,"comments":5,"created_at":"2018-02-12T15:01:10Z","updated_at":"2018-02-21T19:12:31Z","closed_at":null,"author_association":"COLLABORATOR","body":"Following [this discussion](https://containerqueries.slack.com/archives/C90TV7Y15/p1518446737000654), document a use case with a height-based CQ. A banner with min-height specified in `vh` units, with three child elements.\r\n\r\nIf the banner element is beneath a certain height, the three elements should appear inline. If it is above a certain height, they can stack various ways."},"comment":{"url":"https://api.github.com/repos/WICG/cq-usecases/issues/comments/367437030","html_url":"https://github.com/WICG/cq-usecases/issues/63#issuecomment-367437030","issue_url":"https://api.github.com/repos/WICG/cq-usecases/issues/63","id":367437030,"user":{"login":"keithjgrant","id":410794,"avatar_url":"https://avatars0.githubusercontent.com/u/410794?v=4","gravatar_id":"","url":"https://api.github.com/users/keithjgrant","html_url":"https://github.com/keithjgrant","followers_url":"https://api.github.com/users/keithjgrant/followers","following_url":"https://api.github.com/users/keithjgrant/following{/other_user}","gists_url":"https://api.github.com/users/keithjgrant/gists{/gist_id}","starred_url":"https://api.github.com/users/keithjgrant/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/keithjgrant/subscriptions","organizations_url":"https://api.github.com/users/keithjgrant/orgs","repos_url":"https://api.github.com/users/keithjgrant/repos","events_url":"https://api.github.com/users/keithjgrant/events{/privacy}","received_events_url":"https://api.github.com/users/keithjgrant/received_events","type":"User","site_admin":false},"created_at":"2018-02-21T19:12:31Z","updated_at":"2018-02-21T19:12:31Z","author_association":"COLLABORATOR","body":"* Inside the colored boxes, I would likely shrink the text a and maybe padding to make it more compact. I can flush that out before adding this use case to the document.\r\n* This is not something I’ve come across in the real world. It’s purely speculative at this point. I’m curious if anybody else has had a specific need for something like this. @tomhodgins ?\r\n\r\nI’m not entirely convinced height-based CQ’s are necessary, or at least not as necessary as width-based ones. This has been a sort of thought experiment for me to figure out how I would use them, but I’m beginning to suspect I wouldn’t, personally."}}
{"actor":{"display_login":"keithjgrant"}}