sass 사용 거의 안함, scss를 사용 (사스라고 읽음)

scss 컴파일

css 위치변경

savePath:null이면 scss파일과 같은 위치에 style.css가 생김

'~'은 style.scss를 의미, '/'는 style.scss가 있는 폴더

scss파일이 있는 폴더의 상위요소에 생성

주석처리방법

// : 라인주석처리는 css로 컴파일 되지 않는다

/* */ : 블록 주석처리는 css로 컴파일 됨

변수만들기 : $로 시작(영문, 숫자, -,_)만 사용가능

Partials

@import --> 변수가 중복될때는 아래의것이 적용된다

@use --> 변수이름이 같을 때 에러발생, @use를 사용할때는 앞에 파일명을 추가해서 "파일명.변수명"

as 뒤에 별명을 붙여서 사용할 수 있다

@forward는 각각의 파셜들을 하나로 묶어줌 style.scss에서는 _index.scss 를 호출하여 사용함

*: 와일드카드를 붙이면 이름을 생략할 수 있음

참고 -- https://github.com/understanding963852/sass/blob/main/README.md