ctn
コンテナクエリを設定します。
Params
(number){...contents}
@container
scss
@import 'catpow';
.container{
@include bnd((ctn:box));
&__body{
@include ctn((box 960)){
@include txt((p:16));
}
}
}
@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;
}
}
.container { container-name: box; } @container box (width > 960px) { .container__body { font-size: 16px; } }