Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

@extend not working in media queries #18

Open
alextekartik opened this issue Dec 12, 2015 · 0 comments
Open

@extend not working in media queries #18

alextekartik opened this issue Dec 12, 2015 · 0 comments
Labels
type-bug Incorrect behavior (everything from a crash to more subtle misbehavior)

Comments

@alextekartik
Copy link

While @extend works fine and suit some if my needs, it is not working correctly within @media query block. Let's assume the following css

.good { color: red; } 
@media screen {
  .better { @extend .good; } 
}

It should generate

.good { color: red; } 
@media screen { .better { color: red; } }

so that .better definition is only valid within the media query. However it generates:

.good, .better { color: red; } 
@media screen { .better { } }';

ignoring the media query

Unit test available here

@devoncarew devoncarew added the type-bug Incorrect behavior (everything from a crash to more subtle misbehavior) label Jan 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type-bug Incorrect behavior (everything from a crash to more subtle misbehavior)
Projects
None yet
Development

No branches or pull requests

2 participants