{"action":"opened","issue":{"url":"https://api.github.com/repos/troolee/gridstack.js/issues/81","labels_url":"https://api.github.com/repos/troolee/gridstack.js/issues/81/labels{/name}","comments_url":"https://api.github.com/repos/troolee/gridstack.js/issues/81/comments","events_url":"https://api.github.com/repos/troolee/gridstack.js/issues/81/events","html_url":"https://github.com/troolee/gridstack.js/issues/81","id":59498529,"number":81,"title":"Improvement Suggestion","user":{"login":"ascendantofrain","id":781671,"avatar_url":"https://avatars.githubusercontent.com/u/781671?v=3","gravatar_id":"","url":"https://api.github.com/users/ascendantofrain","html_url":"https://github.com/ascendantofrain","followers_url":"https://api.github.com/users/ascendantofrain/followers","following_url":"https://api.github.com/users/ascendantofrain/following{/other_user}","gists_url":"https://api.github.com/users/ascendantofrain/gists{/gist_id}","starred_url":"https://api.github.com/users/ascendantofrain/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ascendantofrain/subscriptions","organizations_url":"https://api.github.com/users/ascendantofrain/orgs","repos_url":"https://api.github.com/users/ascendantofrain/repos","events_url":"https://api.github.com/users/ascendantofrain/events{/privacy}","received_events_url":"https://api.github.com/users/ascendantofrain/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-03-02T15:45:58Z","updated_at":"2015-03-02T15:45:58Z","closed_at":null,"body":"Just a little something I made for my own project using this framework.\r\n\r\nI use SASS with my application and using this little snippet makes adjusting grids MUCH easier.\r\n\r\n    .grid-stack-item {\r\n\r\n        $gridstack-columns: 12;\r\n\r\n        @for $i from 1 through $gridstack-columns {\r\n            &[data-gs-width='#{$i}'] { width: (100% / $gridstack-columns) * $i; }\r\n            &[data-gs-x='#{$i}'] { left: (100% / $gridstack-columns) * $i; }\r\n            &.grid-stack-item[data-gs-min-width='#{$i}'] { min-width: (100% / $gridstack-columns) * $i; }\r\n            &.grid-stack-item[data-gs-max-width='#{$i}'] { max-width: (100% / $gridstack-columns) * $i; }\r\n        }\r\n    }"}}