Stylus のバージョンを 0.40.3 にあげたら、バグに遭遇しました。
Stylus
.circle
img
.cap-overlay
.cap-soldout
border-radius: 200px
↓ コンパイルすると、img にクラスが当たらない
CSS
.circle .cap-overlay,.circle .cap-soldout{
-webkit-border-radius:200px;border-radius:200px
}
Stylus
.circle
.cap-overlay
.cap-soldout
img
border-radius: 200px
↓ ちゃんと、img も含まれてる
CSS
.circle .cap-overlay,.circle .cap-soldout,.circle img{
-webkit-border-radius:200px;border-radius:200px
}
とりあえず、issueだけ作成しておきました。
・Lost img selector in nested selectors · Issue #1226 · LearnBoost/stylus