반응형

    적용버전: mark1,2

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


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


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

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



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

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


    .


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


    New Pen을 누릅니다.


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

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

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



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


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


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

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

    반응형
    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함