SCSS

CSS vs SASS vs SCSS

SCSS(시작하기)

SCSS(주석,중첩 with SassMeister)

SCSS(상위 선택자 참조)

SCSS(중첩된 속성) - 반복적으로 사용하는 특정한 이름들을 SCSS에서는 중첩된 속성이라는 개념을 통해서 제공을 해준다.

SCSS(변수) - 각 각의 수치들이 동일한 수치로 바뀌어야 할때 변수를 사용하면 한 번에 수정할 수 있다

SCSS(산술연산) - 기본 연산자를 활용해서 값을 넣을 수 있다.

SCSS(재활용-Mixins)

SCSS(반복문)

SCSS(함수) - @function은 어떤 값을 연산해서 반환된 결과로 사용하기 위해 만들어내는 것이다.

SCSS(색상 내장 함수) - mix, lighten, darken, saturate, desaturate, grayscale, invert, rgba

@import "./sub", "./sub2"; scss에서는 url("");도 생략하고 확장자도 생락해서 더 간단하게 다른 파일을 가져올 수 있다.

SCSS(오버워치 캐릭터 선택예제 리팩토링)