인프런 커뮤니티 질문&답변

@vanilla-extract/css에서 혹시
스타일드 컴포넌트와 같이 값을 넘겨서 처리 해주는 건 없나요?!

pr

 &.group-item {
        display: grid;
        grid-template-columns: repeat(${pr => pr.columns}, 1fr);
        column-gap: 30px;
        padding-right: ${props => (props.category === 'POSITION' ? '0px' : '30px')};
    }

    &.group-item-half {
        display: grid;
        grid-template-columns: repeat(${pr => pr.columns}, 1fr);
        column-gap: 30px;
        padding: 0px 0px 30px 30px;

        &:first-of-type {
            padding-top: 30px;
        }
    }