[React] PostCSS에서 style값을 root처럼 사용하는 방법

겹치는 것이나 많이 쓰이는 부분은 key: value로 정의하고, 

React에서 해당 요소를 module로 가져와 사용할 수 있다.

/* colors.css */

@value key: value;

@value makerBlack: black;

@value makerWhite: white;

@value makerLightGrey: #e8e7e6;

@value makerLightPink: #ffeae8;

@value makerGrey: #626262;

@value makerGreen: #385461;

@value makerPink: pink;

@value makerShadow: rgba(217, 217, 217, 1);

@value makerColorful: linear-gradient(166deg, rgba(237, 193, 211, 1) 0%,rgba(212, 149, 161, 1) 60%, rgba(162, 63, 63, 1) 100%, rgba(127, 188, 242, 1) 100%);

@value makerWheat: wheat;

React에서 CSS에서 사용하는 방법! (당연히 모듈로 가져와야 사용가능)

/* index.module.css */

@import makerLightGrey from './common/ui/colors.css'

* {
	color: makerLightGrey;
}