CSS/SCSS-使用方法/ミックスイン２ - プログラミングの勉強をしよう@Wiki

Top > CSS > SCSS-使用方法 > ミックスイン２

ミックスイン２

scss

@import "compass";
 
@mixin left {
	float: left;
}
 
@mixin margin($dist) {
	margin: $dist;
}
 
#target {
	@include left;
	@include margin(10px);
}
 
 

css

/* line 11, ../scss/main.scss */
#target {
  float: left;
  margin: 10px;
}
 
 

---