sass入門メモ

この記事の目的

sassを書く際に一気に色々思い出すためのメモ

〜〜の中の〜〜を指定する場合

.main {
  margin: 20px;
  border-radius: 5px;
  .title {
    font-size: 32px;
    margin-bottom: 5px;
  }
}

入れ子にすることで〜〜の中の〜〜を指定できる

変数

$hensuu : hogehoge;

$マークを前につける変数の宣言になる

mixin

変数は一個だけを複数回使いまわしできるがmixinは複数のプロパティをまとめて使い回しができる。

@mixin hogehoge{
}
.hogehoge{
  @include hogehoge;
}