수색…
통사론
- @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
은 반환 값을 나타냅니다.
Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow