{"action":"created","issue":{"url":"https://api.github.com/repos/NeutronCSS/neutroncss/issues/44","labels_url":"https://api.github.com/repos/NeutronCSS/neutroncss/issues/44/labels{/name}","comments_url":"https://api.github.com/repos/NeutronCSS/neutroncss/issues/44/comments","events_url":"https://api.github.com/repos/NeutronCSS/neutroncss/issues/44/events","html_url":"https://github.com/NeutronCSS/neutroncss/issues/44","id":112691585,"number":44,"title":"Add equivalent functionality as 'offset' found in other frameworks.","user":{"login":"sharlos","id":1027450,"avatar_url":"https://avatars.githubusercontent.com/u/1027450?v=3","gravatar_id":"","url":"https://api.github.com/users/sharlos","html_url":"https://github.com/sharlos","followers_url":"https://api.github.com/users/sharlos/followers","following_url":"https://api.github.com/users/sharlos/following{/other_user}","gists_url":"https://api.github.com/users/sharlos/gists{/gist_id}","starred_url":"https://api.github.com/users/sharlos/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sharlos/subscriptions","organizations_url":"https://api.github.com/users/sharlos/orgs","repos_url":"https://api.github.com/users/sharlos/repos","events_url":"https://api.github.com/users/sharlos/events{/privacy}","received_events_url":"https://api.github.com/users/sharlos/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/NeutronCSS/neutroncss/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":{"login":"sharlos","id":1027450,"avatar_url":"https://avatars.githubusercontent.com/u/1027450?v=3","gravatar_id":"","url":"https://api.github.com/users/sharlos","html_url":"https://github.com/sharlos","followers_url":"https://api.github.com/users/sharlos/followers","following_url":"https://api.github.com/users/sharlos/following{/other_user}","gists_url":"https://api.github.com/users/sharlos/gists{/gist_id}","starred_url":"https://api.github.com/users/sharlos/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sharlos/subscriptions","organizations_url":"https://api.github.com/users/sharlos/orgs","repos_url":"https://api.github.com/users/sharlos/repos","events_url":"https://api.github.com/users/sharlos/events{/privacy}","received_events_url":"https://api.github.com/users/sharlos/received_events","type":"User","site_admin":false},"milestone":null,"comments":0,"created_at":"2015-10-21T22:24:13Z","updated_at":"2015-12-14T01:31:32Z","closed_at":null,"body":"## Use-case\r\n* When user wants a margin of their column to match the width of a column, instead of a fixed size or specific percentage.\r\n\r\n## Suggested Syntax\r\n\r\n```scss\r\n// In margin declaration\r\nsection {\r\n  @include columns(3, $margin: 10px 1);\r\n}\r\n\r\n// In column variable \r\nsection {\r\n  @include columns((2, ~1, 2), $margin: 10px 20px);\r\n}\r\n```\r\n\r\n## Considerations\r\n* Unitless integers in the margin variable will be interpreted as a 'column' unit. During column width calculations, 'column' units will be added to the total column count.\r\n* Virtual columns can only be applied to left and right margins?\r\n* What if users want a virtual column _and_ left or right margin?\r\n* Adding what are essentially 'virtual columns' to the column declaration would allow people to offset by column width, while still having left or right margins.\r\n* Virtual columns will require adding column width to the left or right margin that is set.\r\n\r\n## References\r\nFeature request raised in #35: desired behavior can be achieved using `align-container()` but this additional use-case was identified in the process."},"comment":{"url":"https://api.github.com/repos/NeutronCSS/neutroncss/issues/comments/164318932","html_url":"https://github.com/NeutronCSS/neutroncss/issues/44#issuecomment-164318932","issue_url":"https://api.github.com/repos/NeutronCSS/neutroncss/issues/44","id":164318932,"user":{"login":"CesarRotela","id":1458649,"avatar_url":"https://avatars.githubusercontent.com/u/1458649?v=3","gravatar_id":"","url":"https://api.github.com/users/CesarRotela","html_url":"https://github.com/CesarRotela","followers_url":"https://api.github.com/users/CesarRotela/followers","following_url":"https://api.github.com/users/CesarRotela/following{/other_user}","gists_url":"https://api.github.com/users/CesarRotela/gists{/gist_id}","starred_url":"https://api.github.com/users/CesarRotela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CesarRotela/subscriptions","organizations_url":"https://api.github.com/users/CesarRotela/orgs","repos_url":"https://api.github.com/users/CesarRotela/repos","events_url":"https://api.github.com/users/CesarRotela/events{/privacy}","received_events_url":"https://api.github.com/users/CesarRotela/received_events","type":"User","site_admin":false},"created_at":"2015-12-14T01:31:32Z","updated_at":"2015-12-14T01:31:32Z","body":"+1"}}