{"action":"reopened","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites-6/issues/288","labels_url":"https://api.github.com/repos/zurb/foundation-sites-6/issues/288/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites-6/issues/288/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites-6/issues/288/events","html_url":"https://github.com/zurb/foundation-sites-6/issues/288","id":116690541,"number":288,"title":"Off-Canvas Sass Compiling Issues","user":{"login":"JeremyEnglert","id":6110968,"avatar_url":"https://avatars.githubusercontent.com/u/6110968?v=3","gravatar_id":"","url":"https://api.github.com/users/JeremyEnglert","html_url":"https://github.com/JeremyEnglert","followers_url":"https://api.github.com/users/JeremyEnglert/followers","following_url":"https://api.github.com/users/JeremyEnglert/following{/other_user}","gists_url":"https://api.github.com/users/JeremyEnglert/gists{/gist_id}","starred_url":"https://api.github.com/users/JeremyEnglert/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JeremyEnglert/subscriptions","organizations_url":"https://api.github.com/users/JeremyEnglert/orgs","repos_url":"https://api.github.com/users/JeremyEnglert/repos","events_url":"https://api.github.com/users/JeremyEnglert/events{/privacy}","received_events_url":"https://api.github.com/users/JeremyEnglert/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-11-13T02:57:54Z","updated_at":"2015-11-13T17:31:48Z","closed_at":null,"body":"For some reason, when I compile the Sass files, the off-canvas is-open-left and is-open-right classes are being nested, which is causing the off-canvas menu to not open.\r\n\r\nHere is the output I am getting:\r\n````CSS\r\n.off-canvas {\r\n  position: absolute;\r\n  background: #fefefe;\r\n  z-index: -1; }\r\n  [data-whatinput=\"mouse\"] .off-canvas {\r\n    outline: 0; }\r\n  .off-canvas.position-left {\r\n    left: -250px;\r\n    top: 0;\r\n    width: 250px; }\r\n    .off-canvas.position-left .is-open-left {\r\n      -webkit-transform: translateX(250px);\r\n      transform: translateX(250px); }\r\n  .off-canvas.position-right {\r\n    right: -250px;\r\n    top: 0;\r\n    width: 250px; }\r\n    .off-canvas.position-right .is-open-right {\r\n      -webkit-transform: translateX(-250px);\r\n      transform: translateX(-250px); }\r\n````\r\n\r\nI'm running Node v0.12.0 and Sass 3.4.14.\r\n\r\nFor reference, here is how the output should look:\r\n````CSS\r\n.off-canvas {\r\n  position: absolute;\r\n  background: #fefefe;\r\n  z-index: -1; }\r\n  [data-whatinput=\"mouse\"] .off-canvas {\r\n    outline: 0; }\r\n  .off-canvas.position-left {\r\n    left: -250px;\r\n    top: 0;\r\n    width: 250px; }\r\n    .is-open-left {\r\n      -webkit-transform: translateX(250px);\r\n          -ms-transform: translateX(250px);\r\n              transform: translateX(250px); }\r\n  .off-canvas.position-right {\r\n    right: -250px;\r\n    top: 0;\r\n    width: 250px; }\r\n    .is-open-right {\r\n      -webkit-transform: translateX(-250px);\r\n          -ms-transform: translateX(-250px);\r\n              transform: translateX(-250px); }\r\n````"}}