[SCSS] 함수 / 연산하여 스타일 정의

함수

자신의 함수를 정의하여 사용 할 수 있따.

mixin과 약간 비슷하다

차이점은 mixin은 지정한 스타일을 반환하는 반면

함수는 연산된 특정 값 @return 지시어를 통해 반환한다.

bo

box1에서는 함수를 그대로 썻으므로 기본 값 정의 그대로 들어간다.

box2와 3에서는 첫번째 인수를 정의해주었으므로 number가 각각 8과 3인 상태이다

 

---

함수는 내장함수가 있는데 내가 만든 함수랑 충돌할 수가 있다.

그래서 내가 만든 것은 별도의 접두어를 붙인다.

my-custom-func-red() 이런식으로