CSS의 변수 선언

큰 프로젝트에서 관리가 용이하나 최신 기술이기 때문에 사용하는 버전에 따라 작동하지 않을 수 있음을 인지하고 사용

CSS에서의 변수 선언

/* CSS에서의 변수 선언 */
/* :root : 사작지점 */
:root {
  /* 변수명은 무조건 '--변수명'로 시작 */
  --persnoal-color-1: #26282b;
  --persnoal-color-2: #EFF3F8;
}

body {
  /* 변수 사용: var(변수명) 호출 */
  background-color: var(--persnoal-color-1);
}

.header-title {
  padding: 80px 0;
  color: var(--persnoal-color-2);
  font-size: calc(4rem - 5px);
  text-align: center;
}