css 변수

https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_custom_properties

사용자 지정 CSS 속성 사용하기 (변수) - CSS: Cascading Style Sheets | MDN

사용자 지정 속성(CSS 변수, 종속 변수)은 CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. 사용자 지정 속성은 전용 표기법을 사용해 정의하고, (--main-color: black;)

developer.mozilla.org
사용자 지정 속성 css변수, 종속 변수

• 대소문자 구별함

:root {
--main-bg-color: brown;
}

장점

• #00ff00보다는 --main-text-color가 이해하기 쉽다
• 전역적으로 사용할만한 값을 root의사클래스에 선언

단점

• 예상되는 바로는 root쪽에 범용적이지 않은 변수를 많이 선언한다면 (잘못사용한다면) 좋지 못할 것 같다. (단점은 아니고 굳이 나눠봄)