{"action":"created","issue":{"url":"https://api.github.com/repos/ResponsiveBP/Responsive/issues/87","repository_url":"https://api.github.com/repos/ResponsiveBP/Responsive","labels_url":"https://api.github.com/repos/ResponsiveBP/Responsive/issues/87/labels{/name}","comments_url":"https://api.github.com/repos/ResponsiveBP/Responsive/issues/87/comments","events_url":"https://api.github.com/repos/ResponsiveBP/Responsive/issues/87/events","html_url":"https://github.com/ResponsiveBP/Responsive/issues/87","id":136067400,"number":87,"title":"Feature Request: Execution Order of MediaQueries","user":{"login":"craigs100","id":1143883,"avatar_url":"https://avatars.githubusercontent.com/u/1143883?v=3","gravatar_id":"","url":"https://api.github.com/users/craigs100","html_url":"https://github.com/craigs100","followers_url":"https://api.github.com/users/craigs100/followers","following_url":"https://api.github.com/users/craigs100/following{/other_user}","gists_url":"https://api.github.com/users/craigs100/gists{/gist_id}","starred_url":"https://api.github.com/users/craigs100/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/craigs100/subscriptions","organizations_url":"https://api.github.com/users/craigs100/orgs","repos_url":"https://api.github.com/users/craigs100/repos","events_url":"https://api.github.com/users/craigs100/events{/privacy}","received_events_url":"https://api.github.com/users/craigs100/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2016-02-24T13:52:49Z","updated_at":"2016-02-25T02:30:01Z","closed_at":"2016-02-25T02:30:01Z","body":"Have just switched over from a Bootstrap project to a private project I want to use ResponsiveBP in. I'm finding I'm having to write far more HTML with ResponsiveBP because it appears to require a discrete definition of col-xxx-xxx for each size of a section. So to have a column be 10 wide from xxs to up s then switch to 5 wide at m and above, I'm having to write \"col-xxs10 col-xs-10 col-s-10 col-m-5 col-l-5\" instead of simply \"col-xxs10 col-m-5\" which I think is more logical (thinking of mobile first) and certainly less bloat code-wise. Not to mention bandwidth and dev time. Could it be implemented or is it too hard/not in keeping with project aims?"},"comment":{"url":"https://api.github.com/repos/ResponsiveBP/Responsive/issues/comments/188570990","html_url":"https://github.com/ResponsiveBP/Responsive/issues/87#issuecomment-188570990","issue_url":"https://api.github.com/repos/ResponsiveBP/Responsive/issues/87","id":188570990,"user":{"login":"JimBobSquarePants","id":385879,"avatar_url":"https://avatars.githubusercontent.com/u/385879?v=3","gravatar_id":"","url":"https://api.github.com/users/JimBobSquarePants","html_url":"https://github.com/JimBobSquarePants","followers_url":"https://api.github.com/users/JimBobSquarePants/followers","following_url":"https://api.github.com/users/JimBobSquarePants/following{/other_user}","gists_url":"https://api.github.com/users/JimBobSquarePants/gists{/gist_id}","starred_url":"https://api.github.com/users/JimBobSquarePants/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JimBobSquarePants/subscriptions","organizations_url":"https://api.github.com/users/JimBobSquarePants/orgs","repos_url":"https://api.github.com/users/JimBobSquarePants/repos","events_url":"https://api.github.com/users/JimBobSquarePants/events{/privacy}","received_events_url":"https://api.github.com/users/JimBobSquarePants/received_events","type":"User","site_admin":false},"created_at":"2016-02-25T02:30:01Z","updated_at":"2016-02-25T02:30:01Z","body":"Hey @craigs100 \r\n\r\n``` html\r\n<div class=\"visible-m visible-l col-m-1\">\r\n     <img src=\"/images/icon-cutlery.png\" class=\"push\" width=\"25\">\r\n</div>\r\n```\r\n\r\nYeah, that'd be the correct way. I might look into the future switch the media queries mode for visibility to `bp-min` mode rather than `bp` which would allow\r\n\r\n``` html\r\n<div class=\"visible-m col-m-1\">\r\n     <img src=\"/images/icon-cutlery.png\" class=\"push\" width=\"25\">\r\n</div>\r\n```\r\n\r\nto do what you wanted. By introducing `visible-{bp}-only` classes I would replicate the existing behavior and make it more in line with other selectors.  It's a major breaking change though, so I can't introduce it until I need to create a V5, which there doesn't seem to be a demand for just now.\r\n\r\nI'll close this off now."}}