Witam,

Bardzo proszę o pomoc jak poradzić sobie z poniższym błędem:

/usr/local/bin/scss --no-cache --update main.scss:main.css
error main.scss (Line 1: You may not @extend an outer selector from within @media.
You may only @extend selectors within the same directive.
From "@extend %example" on line 9 of main.scss.
)

Z powyższego monitu wynika że nie można rozszerząć klas w media queries używając SASS.

Poniżej umieszczam kod jaki dodałem do pliku SASS a który chciałem skompilować do css:

%example {
color: blue;
font-weight: bold;
font-size: 2em;
}

@media (max-width: 800px) {
.generic-class {
@extend %example;
}
}


----------

Czy jest jakiś sposób aby móc rozszerząć klasy w media queries w SASS ?

Będę wdzięczny za pomoc,

Pozdrawiam,

skubi007