<div class="other-41">
<div><span>項目</span><input type="text" /></div>
<div><span>長さの異なる項目名</span><input type="text" /></div>
</div>
.other-41
div
span 項目
input(type='text')
div
span 長さの異なる項目名
input(type='text')
{
"text": "テキストが入ります。テキストが入ります。テキストが入ります。"
}
$BLOCK_NAME: '.other-41';
// 変数
#{ $BLOCK_NAME } {
display: grid;
grid-template-columns: max-content 1fr;
gap: 16px;
> div {
display: grid;
grid-template-columns: subgrid;
grid-column: span 2;
}
}