Material T 커스텀 강좌 - 색상 변경

적용버전: mark1,2

Material T의 스타일시트는 SASS로 작성되었습니다.

때문에 .scss파일 수정을 통해 손쉽게 색상을 변경할 수 있습니다.

아래는 Material T Mark1의 style.scss 원본입니다.

style.scss

메모장으로 열어도되고, 따로 쓰는 텍스트에디터가 있다면 텍스트에디터로 엽니다.

가장 윗줄에 Material T에서 사용한 4가지 색상이 있습니다.

원하는 색상코드로 변경한 후 이번에는 Ctrl+A 를 눌러 전체선택 후 복사합니다.

.

http://codepen.io/에 접속합니다. (코드펜의 scss 컴파일 기능을 이용할것입니다. 컴파일가능하신분들은 직접하셔도 좋습니다.)

New Pen을 누릅니다.

CSS왼쪽의 톱니바퀴를 누른 후 Sass(.scss)를 선택, 아래쪽에 Autoprefixer를 선택한 후 

다시 톱니바퀴를 눌러 빠져나옵니다.

(레이아웃이 다르게 생겼어도 상관없습니다)

복사해둔 scss를 붙여넣고 오른쪽 위의 눈모양을 누릅니다.

컴파일된 결과가 나타나면 역시 Ctrl+A로 전체선택한 후 복사합니다.

마지막으로 티스토리 HTML/CSS편집으로들어가

style.css에 복사해둔것으로 붙여넣으면 됩니다. (기존 내용은 삭제하고)