Skip to content
This repository was archived by the owner on Dec 19, 2024. It is now read-only.
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

Description

@yordis

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

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions