[CSS] 변수 사용하기

사용법

식별자 작성법은 식별자앞에 -- 를 붙인다.
변수는 :root{} 안에 모아서 작성한다.

사용시 var(식별자) 형태로 사용한다.

폰트, 색상 등 규격화 시 용이하게 사용된다.

:root{
  --primary: skyblue;
  --secondary: Oblack;
  --positive: yellowgreen;
  --nagative: crimson;
}

.test{
	background-color: var(--primary);
    color: var(--nagative);
}

:root {
	--big: 50px;
    --medium: 30px;
    --small: 14px;
}

h1 {
	font-size: var(--big);
}

h2 {
	font-size: var(--medium);
}

h3 {
	font-size: var(--small);
}