Stylus で z-indexの管理

z-indexの管理方法で、Sassy Z-Index Management For Complex Layoutsが参考になったので、Stylus版を作ってみた。 Stylusの関数に目を通したけど、index()がなかったので、forで回してる。 DEPTH変数に、クラス名とかスペース区切りで突っ込んで、入っているクラスを呼び出せば、z-indexが出力される。 これで数値がかぶることもないし、DEPTH変数の中のクラス名の順序を入れ替えるだけで、深度を調整できる。 Stylus Mixin Z_INDEX(CLASS_NAME) // classをスペース区切り設定する DEPTH = header footer hoge base__element DEPTH_LENGTH = length(DEPTH) for INDEX in 0..DEPTH_LENGTH if DEPTH[

[kojika17]

3年前に書いたやつが、役立ってる