{"action":"closed","issue":{"url":"https://api.github.com/repos/tars/tars/issues/209","repository_url":"https://api.github.com/repos/tars/tars","labels_url":"https://api.github.com/repos/tars/tars/issues/209/labels{/name}","comments_url":"https://api.github.com/repos/tars/tars/issues/209/comments","events_url":"https://api.github.com/repos/tars/tars/issues/209/events","html_url":"https://github.com/tars/tars/issues/209","id":143272213,"number":209,"title":"Errors when using \"bg\" mixin and IE8\\IE9 maintanace","user":{"login":"impcyber","id":1425691,"avatar_url":"https://avatars.githubusercontent.com/u/1425691?v=3","gravatar_id":"","url":"https://api.github.com/users/impcyber","html_url":"https://github.com/impcyber","followers_url":"https://api.github.com/users/impcyber/followers","following_url":"https://api.github.com/users/impcyber/following{/other_user}","gists_url":"https://api.github.com/users/impcyber/gists{/gist_id}","starred_url":"https://api.github.com/users/impcyber/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/impcyber/subscriptions","organizations_url":"https://api.github.com/users/impcyber/orgs","repos_url":"https://api.github.com/users/impcyber/repos","events_url":"https://api.github.com/users/impcyber/events{/privacy}","received_events_url":"https://api.github.com/users/impcyber/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/tars/tars/labels/backlog","name":"backlog","color":"cccccc"},{"url":"https://api.github.com/repos/tars/tars/labels/question","name":"question","color":"cc317c"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-03-24T15:09:00Z","updated_at":"2016-03-24T17:09:04Z","closed_at":"2016-03-24T17:09:04Z","body":"I've installed TARS and trying to use sprites like described here: https://github.com/tars/tars/blob/master/docs/en/images-processing.md#sprites-including\r\nThen i have add this code in common.scss:\r\n```\r\nbody {\r\n    $android: 'android-icon-36x36';\r\n    @include bg($android); \r\n}\r\n```\r\nBut, if i use IE9 maintanace or IE8 maintanace buid|dev option i got an error:\r\n```\r\n\r\n[18:01:30] gulp-notify: [TARS notification]\r\nAn error occurred while compiling css\r\nLook in the console for details.\r\n\r\nError in plugin 'gulp-sass'\r\nMessage:\r\n    markup\\static\\scss\\common.scss\r\nError: no mixin named bg\r\n\r\n       Backtrace:\r\n        markup/static/scss/common.scss:26\r\n        on line 26 of markup/static/scss/common.scss\r\n>>     @include bg($android);\r\n   -------------^\r\n\r\nDetails:\r\n    formatted: Error: no mixin named bg\r\n\r\n       Backtrace:\r\n        markup/static/scss/common.scss:26\r\n        on line 26 of markup/static/scss/common.scss\r\n>>     @include bg($android);\r\n   -------------^\r\n\r\n    column: 14\r\n    line: 26\r\n    file: C:/!work/effect/makeup/markup/static/scss/common.scss\r\n    status: 1\r\n    messageFormatted: markup\\static\\scss\\common.scss\r\nError: no mixin named bg\r\n\r\n       Backtrace:\r\n        markup/static/scss/common.scss:26\r\n        on line 26 of markup/static/scss/common.scss\r\n>>     @include bg($android);\r\n   -------------^\r\n\r\n    messageOriginal: no mixin named bg\r\n\r\nBacktrace:\r\n        markup/static/scss/common.scss:26\r\n    relativePath: markup\\static\\scss\\common.scss\r\n[18:01:30] Finished 'css:compile-css' after 161 ms\r\n[18:01:30] gulp-notify: [TARS notification]\r\nAn error occurred while compiling css for IE9.\r\nLook in the console for details.\r\n\r\nError in plugin 'gulp-sass'\r\nMessage:\r\n    markup\\static\\scss\\common.scss\r\nError: no mixin named bg\r\n\r\n       Backtrace:\r\n        markup/static/scss/common.scss:26\r\n        on line 26 of markup/static/scss/common.scss\r\n>>     @include bg($android);\r\n   -------------^\r\n\r\nDetails:\r\n    formatted: Error: no mixin named bg\r\n\r\n       Backtrace:\r\n        markup/static/scss/common.scss:26\r\n        on line 26 of markup/static/scss/common.scss\r\n>>     @include bg($android);\r\n   -------------^\r\n\r\n    column: 14\r\n    line: 26\r\n    file: C:/!work/effect/makeup/markup/static/scss/common.scss\r\n    status: 1\r\n    messageFormatted: markup\\static\\scss\\common.scss\r\nError: no mixin named bg\r\n\r\n       Backtrace:\r\n        markup/static/scss/common.scss:26\r\n        on line 26 of markup/static/scss/common.scss\r\n>>     @include bg($android);\r\n   -------------^\r\n\r\n    messageOriginal: no mixin named bg\r\n\r\nBacktrace:\r\n        markup/static/scss/common.scss:26\r\n    relativePath: markup\\static\\scss\\common.scss\r\n[18:01:30] Finished 'css:compile-css-for-ie9' after 144 ms\r\n[18:01:30] gulp-notify: [TARS notification]\r\nAn error occurred while compiling css for IE8.\r\nLook in the console for details.\r\n\r\nError in plugin 'gulp-sass'\r\nMessage:\r\n    markup\\static\\scss\\sprites-scss\\sprite-ie.scss\r\nError: no mixin named sprite-mixin-template\r\n\r\n       Backtrace:\r\n        markup/static/scss/sprites-scss/sprite-ie.scss:2, in mixin `bg`\r\n        markup/static/scss/common.scss:26\r\n        on line 2 of markup/static/scss/sprites-scss/sprite-ie.scss\r\n>>     @include sprite-mixin-template($sprite);\r\n   -------------^\r\n\r\nDetails:\r\n    formatted: Error: no mixin named sprite-mixin-template\r\n\r\n       Backtrace:\r\n        markup/static/scss/sprites-scss/sprite-ie.scss:2, in mixin `bg`\r\n        markup/static/scss/common.scss:26\r\n        on line 2 of markup/static/scss/sprites-scss/sprite-ie.scss\r\n>>     @include sprite-mixin-template($sprite);\r\n   -------------^\r\n\r\n    column: 14\r\n    line: 2\r\n    file: C:/!work/effect/makeup/markup/static/scss/sprites-scss/sprite-ie.scss\r\n    status: 1\r\n    messageFormatted: markup\\static\\scss\\sprites-scss\\sprite-ie.scss\r\nError: no mixin named sprite-mixin-template\r\n\r\n       Backtrace:\r\n        markup/static/scss/sprites-scss/sprite-ie.scss:2, in mixin `bg`\r\n        markup/static/scss/common.scss:26\r\n        on line 2 of markup/static/scss/sprites-scss/sprite-ie.scss\r\n>>     @include sprite-mixin-template($sprite);\r\n   -------------^\r\n\r\n    messageOriginal: no mixin named sprite-mixin-template\r\n\r\nBacktrace:\r\n        markup/static/scss/sprites-scss/sprite-ie.scss:2, in mixin `bg`\r\n        markup/static/scss/common.scss:26\r\n    relativePath: markup\\static\\scss\\sprites-scss\\sprite-ie.scss\r\n[18:01:30] Finished 'css:compile-css-for-ie8' after 171 ms\r\n```\r\n\r\ncommon.scss includes after https://github.com/tars/tars/blob/master/tars/tasks/css/helpers/compile-css-task-template.js#L75 for IE8 task, but for IE9 there is no sprite-ie includings https://github.com/tars/tars/blob/master/tars/tasks/css/helpers/compile-css-task-template.js#L106\r\n\r\nMaybe i do something wrong or somebody can explain this behavior?"}}