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

nested selectors doesn't with custom selectors #297

Closed
yordis opened this issue Jul 24, 2016 · 1 comment · Fixed by #298
Closed

nested selectors doesn't with custom selectors #297

yordis opened this issue Jul 24, 2016 · 1 comment · Fixed by #298

Comments

@yordis
Copy link
Contributor

yordis commented Jul 24, 2016

I am working in some project and I tried to use custom selector with nested selectors and It didn't work. This is the code used.

@custom-selector :--boa-button .boa-button;

:--boa-button {
  display: inline-block;

  &--pressed,
  &--focused {
    background: red;
  }
}

CSS Output

.boa-button {
   display: inline-block;
}

// Notice that is repeat twice the selector
:--boa-button--pressed,
  :--boa-button--focused,
  :--boa-button--pressed,
  :--boa-button--focused {
  background: red
}

Console Output

The selector ':--boa-button--pressed,  :--boa-button--focused' is undefined
@yordis yordis changed the title custom selectors doesn't in nested properties nested selectors doesn't with custom selectors Jul 24, 2016
@MoOx MoOx added the type: bug label Aug 4, 2016
@MoOx MoOx closed this as completed in #298 Aug 16, 2016
@MoOx
Copy link
Owner

MoOx commented Aug 16, 2016

Closed as explained in #298: can't be "fixed".

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants