{"action":"closed","issue":{"url":"https://api.github.com/repos/angular/material/issues/5388","labels_url":"https://api.github.com/repos/angular/material/issues/5388/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/5388/comments","events_url":"https://api.github.com/repos/angular/material/issues/5388/events","html_url":"https://github.com/angular/material/issues/5388","id":113643715,"number":5388,"title":"Add xs and xl breakpoints","user":{"login":"Splaktar","id":3506071,"avatar_url":"https://avatars.githubusercontent.com/u/3506071?v=3","gravatar_id":"","url":"https://api.github.com/users/Splaktar","html_url":"https://github.com/Splaktar","followers_url":"https://api.github.com/users/Splaktar/followers","following_url":"https://api.github.com/users/Splaktar/following{/other_user}","gists_url":"https://api.github.com/users/Splaktar/gists{/gist_id}","starred_url":"https://api.github.com/users/Splaktar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Splaktar/subscriptions","organizations_url":"https://api.github.com/users/Splaktar/orgs","repos_url":"https://api.github.com/users/Splaktar/repos","events_url":"https://api.github.com/users/Splaktar/events{/privacy}","received_events_url":"https://api.github.com/users/Splaktar/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular/material/labels/-%20In%20Progress","name":"- In Progress","color":"bfe5bf"},{"url":"https://api.github.com/repos/angular/material/labels/priority:%20high","name":"priority: high","color":"0052cc"},{"url":"https://api.github.com/repos/angular/material/labels/type:%20feature","name":"type: feature","color":"207de5"},{"url":"https://api.github.com/repos/angular/material/labels/ui:%20flexbox","name":"ui: flexbox","color":"fbca04"},{"url":"https://api.github.com/repos/angular/material/labels/ui:%20layout","name":"ui: layout","color":"fbca04"},{"url":"https://api.github.com/repos/angular/material/labels/ui:%20responsive","name":"ui: responsive","color":"fbca04"}],"state":"closed","locked":false,"assignee":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/angular/material/milestones/25","html_url":"https://github.com/angular/material/milestones/1.0-GM","labels_url":"https://api.github.com/repos/angular/material/milestones/25/labels","id":1389111,"number":25,"title":"1.0-GM","description":"","creator":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"open_issues":51,"closed_issues":34,"state":"open","created_at":"2015-11-02T15:34:55Z","updated_at":"2015-11-28T16:01:20Z","due_on":"2015-12-03T06:00:00Z","closed_at":null},"comments":0,"created_at":"2015-10-27T17:56:11Z","updated_at":"2015-11-28T16:01:20Z","closed_at":"2015-11-28T16:01:20Z","body":"Currently, [angular material](https://material.angularjs.org/latest/layout/options) supports `sm`, `md`, `lg` breakpoints along with some `gt`. The Material Design spec includes the `xs` and `xl` sizes since the [breakpoints section](http://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-breakpoints) was added in May 2015. \r\n\r\nCurrent coverage in angular-material:\r\n![breakpoints](https://cloud.githubusercontent.com/assets/3506071/10767152/30b09150-7cb1-11e5-8ede-b16498bfd7aa.jpg)\r\n\r\nMaterial Design Spec:\r\n![](http://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B8olV15J7abPSGFxemFiQVRtb1k/layout_adaptive_breakpoints_01.png)\r\n"}}