@if (2) 썸네일형 리스트형 #22 - 조건문 - @if / @function / @mixin 활용 함수와 함께 조건문 사용하기 SCSS @function box-color($size){ @if ($size>100px and $size #21 - 조건문 (@if) 조건문 (@if) 사용 예시 1 SCSS 기본 구조 @if (조건) { 조건이 참일 때 동작 } SCSS $box-size : 500px; .class{ @if ($box-size == 500px) { background-color : red; } } Compile 된 CSS .class{ background-color : red; } 사용 예시 2 SCSS 기본 구조 @if (조건) { 조건이 참일 때 동작 } @else { 조건이 거짓일 때 동작 } SCSS $box-size : 500px; .class{ @if ($box-size > 800px) { background-color : red; } @else { background-color : yellow; } } Compile 된 CSS .clas.. 이전 1 다음
