第8章 全機能Sassリファレンス

8-6 ミックスイン

@mixin kadomaru($value) {
	-moz-border-radius: $value;
	-webkit-border-radius: $value;
	border-radius: $value;
}

.box {
	@include kadomaru(3px);
	background: #eee;
}
.item {
	border: 1px solid #999;
	@include kadomaru(5px 10px);
}
.box {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #eee;
}
.item {
  border: 1px solid #999;
  -moz-border-radius: 5px 10px;
  -webkit-border-radius: 5px 10px;
  border-radius: 5px 10px;
}