第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;
}