SCSS(SASS) 핵심기능 정리

* 본인 편한대로 작성됨 * 내가 자주 보는 HEROPY님의 블로그에 있는 글을 보고 공부함 https://heropy.blog/2018/01/31/sass/ https://www.sassmeister.com/ 간단하게 sass(scss) 컴파일 해볼 수 있는 사이트. SCSS에서 자주 쓴다는 중첩, 변수, 연산, Mixin, 조건반복 기능을 정리. - 중첩(Nesting) 중첩 기능을 사용함으로써 상위 선택자의 반복을 피하고 더 편리하게 복잡한 구조 작성. 상위 선택자 참조(Ampersand): 중첩 안에서 & 키워드는 상위(부모) 선택자를 참조하여 치환. .box { &.hidden { .. .box.hidden { .. 중첩 벗어나기(@at root): 중첩에서 벗어나고 싶을 때 @at-root 키워드 사용. 중첩 안에서 생성하되 중첩 밖에..........

원문링크 : SCSS(SASS) 핵심기능 정리