[CSS] scss @for 메모

김택주·2023년 2월 11일

CSS

목록 보기
18/22

출처: https://abcdqbbq.tistory.com/83

@for $i from 1 to 6 {
	test-#{$i} {
    	padding: #{$i}px;
    }
}

@for $i from 1 through 5 {
	test-#{$i} {
    	padding: #{$i}px;
    }
}

1 ~ 5까지 for문으로 css 처리
to를 사용할 경우 마지막 횟수는 포함되지 않으므로 +1 처리 필요

0개의 댓글