第3章これだけはマスターしたいSassの基本機能

3-3 プロパティのネスト（Nested Properties）

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

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

.item {
    margin: 0 {
        left: 10px;
    }
    border: 5px solid #ccc {
        bottom: 0;
    }
}

.item {
  margin: 0;
  margin-left: 10px;
  border: 5px solid #cccccc;
  border-bottom: 0;
}

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

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