Skip to content

Warning message when wrapping SVG background image in breakpoint #52

@jeremycaldwell

Description

@jeremycaldwell

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

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions