【Sass】SASS記法の良さを語りたい

カッコが無い方のSassの話です。

初めはSCSSで書いていた

僕がSassを書き始めたときはCSSに近い記法のSCSSで書いていました。SASSの記法は敷居が高そうな気がしていました。

// 難しそう
.foo
  ...

  .bar
    ...

mixinがめんどくさい

そんな中、SCSSのmixinあたりの記述がめんどくさいなと感じていました。

// こういうのとか
@mixin foo{
  ...
}

.bar {
  // こういうの
  @include foo
}

僕がSASSに乗り換えた理由としてこれが大きいです。

SASSで書いてみる

初めはなかなか戸惑いましたが、慣れてくると世界が変わりました。カッコやセミコロンを省略できるのでタイプ数は減り、先ほどのmixinも楽に書けます。

// 楽
=foo
  ...

.bar
  // 楽々
  +foo

Atomなどのエディタはいい感じにインデントを入れてくれる(はず)ので、とても楽です。

SASSはいいぞ

そんなに良さは語れていない気がしますが、SCSSで書いている人は一度SASSでも書いてみることをおすすめします(当然向き不向きはあります)。ハマるとSCSSには戻れなくなります。

ちなみに

もしかするとそのうちStylusにも手を出すかもしれません。