Catpow SCSS

bp

画面幅によるメディアクエリを設定します。

Params

(number){...contents}
@media

scss

@import 'catpow';

@include bp(-960){
	@include txt((p:1.6vw));
}
@include bp(-720){
	@include txt((p:2.4vw));
}
@include bp(-480){
	@include txt((p:3.2vw));
}
@include bp(960){
	@include txt((p:14));
}

css

@media (max-width:960px) {
  font-size: 1.6vw;
}
@media (max-width:720px) {
  font-size: 2.4vw;
}
@media (max-width:480px) {
  font-size: 3.2vw;
}
@media (min-width:960px) {
  font-size: 14px;
}