Milk+ea

Weblog Is My Hobby.

Sassのネストを解除するRakefileを作ろうと思っていろいろやってた。
やっぱネストで書いたほうが見やすいと思う。
けど全然進まねぇよおおお。正規表現むずい。


今日の分


こんなのがあったとして。

#alpha
  color: $black

  & #beta
    color: $white

    #gamma
      @extend %test

    & & h1
      height: 1em

  & #delta
    background: #000

  & h3
    +test(1)

    & #epsilon
      background: #fff

こうなる。

#alpha
  color: $black

#alpha #beta
  color: $white

#gamma
  @extend %test

#alpha #beta h1
  height: 1em

#alpha #delta
  background: #000

#alpha h3
  +test(1)

h3 #epsilon
  background: #fff

変数とか隣接セレクタ(>,+,~)は何とかできそう。
HTMLタグがセレクタの場合にどうやるかわからん。