논리 (Boolean) / 비교 연산
논리 / 비교 연산은 일반적으로 조건문(@if)과 함께 사용된다.
논리 / 비교 연산 종류
| 분류 | 기호 | 설명 |
| 비교 | == | 같음 |
| != | 같지 않음 | |
| < | 보다 작음 | |
| > | 보다 큼 | |
| <= | 보다 작거나 같음 | |
| >= | 보다 크거나 같음 | |
| 논리 | and | 그리고 ( 두가지 조건 모두 충족 ) |
| or | 또는 ( 한가지 조건 충족 ) | |
| not | 부정 ( 모두 불충족 ) |
# 조건문 - if
https://rosakim90.tistory.com/entry/20-%EC%A1%B0%EA%B1%B4%EB%AC%B8if
#20 - 조건문(if)
조건문 (if) 기본 구조 SCSS if(조건, true표현식, false표현식); 사용 예시 SCSS $size : 200px; /* size 값이 100px 보다 크면 size 값을 입력*/ /* size 값이 100px 보다 작으면 값을 넣지 않음*/ .class1{ wi..
rosakim90.tistory.com
# 조건문 - @if
https://rosakim90.tistory.com/entry/21-%EC%A1%B0%EA%B1%B4%EB%AC%B8-if
#21 - 조건문 (@if)
조건문 (@if) 사용 예시 1 SCSS 기본 구조 @if (조건) { 조건이 참일 때 동작 } SCSS $box-size : 500px; .class{ @if ($box-size == 500px) { background-color : red; } } Compile 된 CSS .class{ background-c..
rosakim90.tistory.com
'달밤에 코딩하기 > Sass & SCSS' 카테고리의 다른 글
| #21 - 조건문 (@if) (0) | 2021.06.11 |
|---|---|
| #20 - 조건문(if) (0) | 2021.06.11 |
| #18 - 함수 (@function / @return) (0) | 2021.06.11 |
| #17 - SCSS 재사용 - 확장(@expand) (0) | 2021.06.11 |
| #16 - SCSS 재사용 - 스타일 전달 (@content) (0) | 2021.06.10 |
