목록CSS/SCSS (1)
jineecode
SASS
SASS(Syntactically Awesome Style Sheets)는 CSS pre-processor (전처리기) 로서, CSS를 프로그래밍 언어스럽게 작성할 수 있다. SASS는 변수, 함수, 반복문, 연산자 등을 사용할 수 있으며 SASS 문법으로 복잡한 작업을 쉽게 할 수 있게 해주고 코드의 재활용성을 높여줄 뿐만 아니라, 코드의 가독성을 높여주어 유지보수를 쉽게 해준다. Sass 에서는 두가지의 확장자 (.scss/.sass) 를 지원하며 보통 scss 문법이 더 많이 사용된다. 인스톨 방법 npm install node-sass 문법 1. 변수 사용 scss파일에선 변수를 사용할 수 있다. $main : #ff0000; .red { color : $main; } css에서 비슷한 기능인 :..
CSS/SCSS
2021. 5. 7. 23:18