sass
기능들

통사론

• @function 함수 이름 (매개 변수) {/ * 함수 본문 * /}

기본 기능

함수는 mixin과 모양이 비슷하지만 스타일을 추가하지 않으며 값만 반환합니다. 스타일에서 반복되는 논리를 막기 위해 함수를 사용해야합니다.

Sass에는 표준 CSS 함수 구문을 사용하여 호출되는 몇 가지 기본 제공 함수가 있습니다.

h1 {
    background: hsl(0, 25%, 50%);
}

함수는 아래 구문을 사용하여 선언됩니다.

@function multiply(x, y) {
    @return x * y;
}

// example use below
h1 {
    margin-top: multiply(10px, 2);
}

위의 코드에서 @function 은 @function 선언하고 @return 은 반환 값을 나타냅니다.