{"action":"closed","issue":{"url":"https://api.github.com/repos/universelabs/meta/issues/31","repository_url":"https://api.github.com/repos/universelabs/meta","labels_url":"https://api.github.com/repos/universelabs/meta/issues/31/labels{/name}","comments_url":"https://api.github.com/repos/universelabs/meta/issues/31/comments","events_url":"https://api.github.com/repos/universelabs/meta/issues/31/events","html_url":"https://github.com/universelabs/meta/issues/31","id":392812299,"node_id":"MDU6SXNzdWUzOTI4MTIyOTk=","number":31,"title":"Refactor responsive type scaling using sass maps","user":{"login":"guylepage3","id":1711854,"node_id":"MDQ6VXNlcjE3MTE4NTQ=","avatar_url":"https://avatars3.githubusercontent.com/u/1711854?v=4","gravatar_id":"","url":"https://api.github.com/users/guylepage3","html_url":"https://github.com/guylepage3","followers_url":"https://api.github.com/users/guylepage3/followers","following_url":"https://api.github.com/users/guylepage3/following{/other_user}","gists_url":"https://api.github.com/users/guylepage3/gists{/gist_id}","starred_url":"https://api.github.com/users/guylepage3/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guylepage3/subscriptions","organizations_url":"https://api.github.com/users/guylepage3/orgs","repos_url":"https://api.github.com/users/guylepage3/repos","events_url":"https://api.github.com/users/guylepage3/events{/privacy}","received_events_url":"https://api.github.com/users/guylepage3/received_events","type":"User","site_admin":false},"labels":[{"id":1127705549,"node_id":"MDU6TGFiZWwxMTI3NzA1NTQ5","url":"https://api.github.com/repos/universelabs/meta/labels/coding","name":"coding","color":"D506E0","default":false},{"id":1127705531,"node_id":"MDU6TGFiZWwxMTI3NzA1NTMx","url":"https://api.github.com/repos/universelabs/meta/labels/refactoring","name":"refactoring","color":"00BCD4","default":false}],"state":"closed","locked":false,"assignee":{"login":"guylepage3","id":1711854,"node_id":"MDQ6VXNlcjE3MTE4NTQ=","avatar_url":"https://avatars3.githubusercontent.com/u/1711854?v=4","gravatar_id":"","url":"https://api.github.com/users/guylepage3","html_url":"https://github.com/guylepage3","followers_url":"https://api.github.com/users/guylepage3/followers","following_url":"https://api.github.com/users/guylepage3/following{/other_user}","gists_url":"https://api.github.com/users/guylepage3/gists{/gist_id}","starred_url":"https://api.github.com/users/guylepage3/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guylepage3/subscriptions","organizations_url":"https://api.github.com/users/guylepage3/orgs","repos_url":"https://api.github.com/users/guylepage3/repos","events_url":"https://api.github.com/users/guylepage3/events{/privacy}","received_events_url":"https://api.github.com/users/guylepage3/received_events","type":"User","site_admin":false},"assignees":[{"login":"guylepage3","id":1711854,"node_id":"MDQ6VXNlcjE3MTE4NTQ=","avatar_url":"https://avatars3.githubusercontent.com/u/1711854?v=4","gravatar_id":"","url":"https://api.github.com/users/guylepage3","html_url":"https://github.com/guylepage3","followers_url":"https://api.github.com/users/guylepage3/followers","following_url":"https://api.github.com/users/guylepage3/following{/other_user}","gists_url":"https://api.github.com/users/guylepage3/gists{/gist_id}","starred_url":"https://api.github.com/users/guylepage3/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guylepage3/subscriptions","organizations_url":"https://api.github.com/users/guylepage3/orgs","repos_url":"https://api.github.com/users/guylepage3/repos","events_url":"https://api.github.com/users/guylepage3/events{/privacy}","received_events_url":"https://api.github.com/users/guylepage3/received_events","type":"User","site_admin":false}],"milestone":null,"comments":0,"created_at":"2018-12-19T23:01:59Z","updated_at":"2018-12-20T23:42:30Z","closed_at":"2018-12-20T23:42:30Z","author_association":"MEMBER","body":"**Description**\r\nRefactor sm breakpoint styles in css to be sass maps for simplicity.\r\n\r\nReferences\r\n- [How Bootstrap Sets Up Typography by Default](https://www.sitepoint.com/build-responsive-type-scale-bootstrap/)\r\n  - https://codepen.io/guylepage3/pen/qLRGGW?editors=0100\r\n\r\n**Tasks**\r\n- [x] Setup type scale map for quick changes and experiments\r\n- [x] Build a function to check if the scale is valid for use\r\n- [x] Build two mixins to allow us the flexibility of adjusting the font sizes at any given time.\r\n\r\n**Elements that need refactoring**\r\n- [x] `h1`, `h2`, `h3`, `h4`, `h5`, `h6` elements and `.h1`, `.h2`, `.h3`, `.h4`, `.h5`, `.h6` classes.\r\n- [x] `.display-*` 1-4 heading classes.\r\n- [x] `margin-top`\r\n- [x] `line-height`\r\n\r\n**Other**\r\n- [Bootstrap Responsive breakpoints](http://getbootstrap.com/docs/4.1/layout/overview/#responsive-breakpoints)\r\n- [Responsive Typography With Sass Maps](https://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/)"}}
{"actor":{"display_login":"guylepage3"}}