13_SCSS_연산,재활용(mixin,include),확장

계속해서 SCSS 문법을 공부해 나가보겠다. 이번에는 연산, 재활용, 확장 개념에 대해 다뤄보겠다. 연산(Operations) + 더하기 - 빼기 * 곱하기 하나 이상의 값이 반드시 숫자(Number) / 나누기 오른쪽 값이 반드시 숫자(Number) % 나머지 == 동등 != 부등 대소 / 보다 큰 = 대소 및 동등 / 보다 크거나 같은 and 그리고 or 또는 not 부정 일반적인 언어의 연산을 다 지원한다. 숫자 연산 >곱하기를 사용할 때 10px * 5처럼 사용해야 한다. 10 * 10 이나 10px * 10px는 사용할 수 없다. >CSS는 속성 값을 분리하는 방식으로 /를 사용하기 때문에 /가 나누기로 사용되지 않을 수 있다. 그래서 다음과 같은 조건을 충족하는 경우에 나누기로 계산이 된다. ..