CSS : Brand Color 변수 지정

• 자주 사용하는 색상 변수 지정

※ 사용하는 이유
- 자주 사용하는 색상 또는 Brand Color 같은 경우 사용 시 해당 색상 코드를 기억하지 않더라도 변수를 통해 접근할 수 있게 함으로써 조금 더 편리하게 사용이 가능하다.

※ 전역 변수 사용 (프로젝트 전반적으로 사용 가능)

 

:root 블록에 변수 선언 (변수명은 --로 시작)

 

var(선언한 변수명)을 통해 변수에 접근

 

 

※ 지역 변수 사용 (변수 선언한 태그의 내부에서만 사용 가능)

 

div를 감싸는 main 태그에 변수 선언 (변수명은 --로 시작)

 

var(선언한 변수명)을 통해 변수에 접근