{"action":"closed","issue":{"url":"https://api.github.com/repos/archco/cosmos-css/issues/143","repository_url":"https://api.github.com/repos/archco/cosmos-css","labels_url":"https://api.github.com/repos/archco/cosmos-css/issues/143/labels{/name}","comments_url":"https://api.github.com/repos/archco/cosmos-css/issues/143/comments","events_url":"https://api.github.com/repos/archco/cosmos-css/issues/143/events","html_url":"https://github.com/archco/cosmos-css/issues/143","id":225313862,"number":143,"title":"Add scss mixins for using flexbox.","user":{"login":"archco","id":16632570,"avatar_url":"https://avatars3.githubusercontent.com/u/16632570?v=3","gravatar_id":"","url":"https://api.github.com/users/archco","html_url":"https://github.com/archco","followers_url":"https://api.github.com/users/archco/followers","following_url":"https://api.github.com/users/archco/following{/other_user}","gists_url":"https://api.github.com/users/archco/gists{/gist_id}","starred_url":"https://api.github.com/users/archco/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/archco/subscriptions","organizations_url":"https://api.github.com/users/archco/orgs","repos_url":"https://api.github.com/users/archco/repos","events_url":"https://api.github.com/users/archco/events{/privacy}","received_events_url":"https://api.github.com/users/archco/received_events","type":"User","site_admin":false},"labels":[{"id":498971389,"url":"https://api.github.com/repos/archco/cosmos-css/labels/css","name":"css","color":"d4c5f9","default":false},{"id":468187209,"url":"https://api.github.com/repos/archco/cosmos-css/labels/enhancement","name":"enhancement","color":"84b6eb","default":true}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/archco/cosmos-css/milestones/19","html_url":"https://github.com/archco/cosmos-css/milestone/19","labels_url":"https://api.github.com/repos/archco/cosmos-css/milestones/19/labels","id":2533421,"number":19,"title":"v0.12.0","description":"","creator":{"login":"archco","id":16632570,"avatar_url":"https://avatars3.githubusercontent.com/u/16632570?v=3","gravatar_id":"","url":"https://api.github.com/users/archco","html_url":"https://github.com/archco","followers_url":"https://api.github.com/users/archco/followers","following_url":"https://api.github.com/users/archco/following{/other_user}","gists_url":"https://api.github.com/users/archco/gists{/gist_id}","starred_url":"https://api.github.com/users/archco/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/archco/subscriptions","organizations_url":"https://api.github.com/users/archco/orgs","repos_url":"https://api.github.com/users/archco/repos","events_url":"https://api.github.com/users/archco/events{/privacy}","received_events_url":"https://api.github.com/users/archco/received_events","type":"User","site_admin":false},"open_issues":13,"closed_issues":4,"state":"open","created_at":"2017-05-21T05:58:44Z","updated_at":"2017-06-08T03:36:46Z","due_on":null,"closed_at":null},"comments":1,"created_at":"2017-04-30T08:44:49Z","updated_at":"2017-06-08T03:36:46Z","closed_at":"2017-06-08T03:36:46Z","body":"flex 관련 helper class, mixins를 구성.\r\n### Links\r\n- [Using Css Flexible Boxes](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes)\r\n- [flexbox playground](http://the-echoplex.net/flexyboxes/)\r\n- [CSS flexbox: difference between align-items and align-content [duplicate]](https://stackoverflow.com/questions/31250174/css-flexbox-difference-between-align-items-and-align-content)\r\n\r\n### Container's Properties\r\n- display: flex | inline-flex\r\n- flex-flow\r\n  - flex-direction: [row] | row-reverse | column | column-reverse\r\n  - flex-wrap: [nowrap] | wrap | wrap-reverse\r\n- properties for align\r\n  - justify-content: [flex-start] | flex-end | center | space-between | space-around\r\n  - align-items: [stretch] | flex-start | flex-end | center | baseline\r\n  - align-content: [stretch] | flex-start | flex-end | space-between | space-around\r\n\r\n### Item's Properties\r\n- flex\r\n  - flex-grow: number\r\n  - flex-shrink: number\r\n  - flex-bases: basis size of main-axis. ['auto'] | content | fill\r\n- properties for align\r\n  - align-self: [auto] | flex-start | flex-end | center | baseline | stretch\r\n  - order: number\r\n\r\n"}}
{"actor":{"display_login":"archco"}}