Skip to content

Instantly share code, notes, and snippets.

@apinstein
Last active December 16, 2015 22:28
Show Gist options
  • Save apinstein/5506827 to your computer and use it in GitHub Desktop.
Save apinstein/5506827 to your computer and use it in GitHub Desktop.
in file.scss:
@import "tourbuzz-layout-images/*.png";
@include all-tourbuzz-layout-images-sprites;
...
@media screen and (max-width: 1023px) {
...
.main-nav-toggle { @include tourbuzz-layout-images-sprite(main-nav-toggle); }
}
generates err:
DEPRECATION WARNING on line 97 of tourbuzz-layout-images/*.png:
@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.
syptoms:
1. my sprite file looks different than it did before (image order diff, maybe innocuous)
2. actual page shows wrong; no background-image directives
3. the spring png name changed (maybe this is normal; i'm new to maintaining this code)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment