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

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

ミックスイン

scss

@import "compass";
 
$color: #556789;
 
p {
  @include box-shadow(1px 1px 0 $color);
}
 
 

css

/* line 5, ../scss/main.scss */
p {
  -webkit-box-shadow: 1px 1px 0 #556789;
  -moz-box-shadow: 1px 1px 0 #556789;
  box-shadow: 1px 1px 0 #556789;
}
 
 

---