第3章 これだけはマスターしたいSassの基本機能3-4 プロパティのネスト（Nested Properties）Sample Code

1
.sample {
2
  border-top: 5px solid #ccc;
3
  border-bottom-width: 3px;
4
  border-bottom-style: dotted;
5
  border-bottom-color: black;
6
}

1
.sample {
2
  border: {
3
    top: 5px solid #ccc;
4
    bottom: {
5
      width: 3px;
6
      style: dotted;
7
      color: black;
8
    }
9
  }
10
}

1
.item {
2
  margin: 0 {
3
    left: 10px;
4
  }
5
  border: 1px solid #999 {
6
    bottom: 0;
7
  }
8
}

1
.item {
2
  margin: 0;
3
  margin-left: 10px;
4
  border: 1px solid #999;
5
  border-bottom: 0;
6
}

1
.sample {
2
  text: {
3
    shadow: 1px 1px 0 #fff;
4
    align: right;
5
  }
6
  z: {
7
    index: 5;
8
  }
9
}

1
.sample {
2
  text-shadow: 1px 1px 0 #fff;
3
  text-align: right;
4
  z-index: 5;
5
}