[Stylus] Lost img selector in nested selectors

Tadashi Shigeoka ·  Tue, November 19, 2013

When I upgraded Stylus to version 0.40.3, I encountered a bug.

LearnBoost/stylus

Writing that compiles strangely

Stylus

.circle
  img
  .cap-overlay
  .cap-soldout
    border-radius: 200px

↓ When compiled, img class doesn’t get applied

CSS

.circle .cap-overlay,.circle .cap-soldout{
  -webkit-border-radius:200px;border-radius:200px
}

Writing that compiles correctly

Stylus

.circle
  .cap-overlay
  .cap-soldout
  img
    border-radius: 200px

↓ Properly includes img

CSS

.circle .cap-overlay,.circle .cap-soldout,.circle img{
  -webkit-border-radius:200px;border-radius:200px
}

For now, I just created an issue.

Lost img selector in nested selectors · Issue #1226 · LearnBoost/stylus

That’s all from the Gemba.