조건
- @if 조건문 Sass에서는 if를 사용할 때 @를 붙인다.
- if else 문도
@else if로 사용하며 if에는 @붙이지 않게 주의한다.
반복
@each 변수 in (List, Map가능)자바스크립트의 for of나 forEach문과 비슷하다. Map은 key와 value로 할당 후 사용가능하다.@for 변수 from 시작점 through 끝점조건부분은 from … through 주의할 것!@while (조건문)@말고 JS와 다른점은 없음
@import
- 파일을 가져와서 사용하는 개념
- import로 가져올 때 scss 파일명은 생략가능하다.
- import url()로 가져오는것은 css표준으로 가져오는것이니 주의!
- 파일확장자명을 css로 가져올 때도 css표준으로 가져오는것이니 주의!
- import “url”로 가져오는것도 주의!
@use
- 파일명을 통해 namespace가 변수, 함수 가능하다.
- 다른 파일에서 가져오는 것과 충돌을 방지한다.
- @use 파일경로 as 별명 문법을 통해 별명으로 namespace가 가능하다.
@forward
- 해당 scss의 같은 범위가 아닌 다른 폴더에 참조되게 사용할 수 있음
- @use와 같이 as 를 통해 별명을 붙여 사용가능함
- 별명을 붙일 땐
별명-*로 짓는게 가독성과 충돌을 막을 수 있다