Skip to content
This repository was archived by the owner on Dec 19, 2024. It is now read-only.

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 subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants