Catpow SCSS

background image

ctn

コンテナクエリを設定します。

Params

(number){...contents}
@container

scss
@import 'catpow';

.container{
	@include bnd((ctn:box));
	&__body{
		@include ctn((box 960)){
			@include txt((p:16));
		}
	}
}
css
.container {
  container-name: box;
}
@container box (width > 960px) {
  .container__body {
    font-size: 16px;
  }
}