Open
Description
I have SVG background working great but as soon as I wrap them in a breakpoint I get a "DEPRECATION WARNING".
DEPRECATION WARNING on line 108 of /Users/jeremy/.rvm/gems/ruby-2.0.0-p353/gems/toolkit-1.3.8/stylesheets/toolkit/_pe.scss:
@extending an outer selector from within @media is deprecated.
You may only @extend selectors within the same directive.
This will be an error in Sass 3.3.
It can only work once @extend is supported natively in the browser.
Here's the code that triggers that warning message.
.icon-mytest {
@include breakpoint($bp-small, $no-query: true) {
@include svg-background($icons, 'mytest');
}
}
The code compiles correctly and everything works but I'm wondering how to get around it throwing an error each time and how to code this a bit differently.
I tried creating a mixin with "content: "TEST";" and calling it in the breakpoint rather than the SVG and I didn't receive any errors. And looking at the error message it points to Toolkit. I've tried moving the call to the SVG to a silent placeholder too with no luck.
For reference I'm running:
Compass 0.12.2
Sass 3.2.10
Toolkit-1.3.8
Breakpoint 2.0.7
Any help is appreciated.
Metadata
Metadata
Assignees
Labels
No labels