sass guideline

sass를 사용하는데 좋은 가이드라인이 있어서 공유한다. 구문, 설계 등 다양한 sass 사용 방식을 잘 설명해 놓은 글.

sass를 사용하는 중이거나 사용 할 예정에 있는 사람이라면 한 번 읽어봄직하다.

Sass Guidelines. 한국어 번역판은 여기에서 확인할 수 있다.

다음은 저자가 너무 길어서 안 읽는 사람들을 위해 쓴 정리.

• 탭 대신 스페이스 두(2) 칸을 들여쓴다;
• 행의 너비는 80 글자;
• CSS를 여러 행으로 적절히 작성한다;
• 공백을 의미 있게 사용한다;
• 문자열과 URL에는 인용 부호(작은 따옴표)를 붙인다;
• 뒤따르는 0은 표기하지 않는다. 앞장서는 0은 반드시 표기한다;
• 연산은 괄호로 감싼다;
• 매직 넘버를 피한다;
• 색은 키워드 > HSL > RGB > 16진법 순으로 표기한다;
• 리스트는 쉼표로 구분한다;
• 리스트에는 뒤따르는 쉼표를 붙이지 않는다(한 줄로 표기하므로);
• 맵에는 뒤따르는 쉼표를 붙인다;
• 가상 클래스와 가상 요소 외에는 선택자를 내포하지 않는다;
• 작명 시 하이픈으로 구분한다;
• 많은 주석을 붙인다;
• SassDoc을 이용하여 API 주석을 표기한다;
• @extend는 제한적으로 사용한다;
• 간단한 믹스인을 사용한다;
• 반복문은 최소한으로 사용하고, @while은 사용하지 않는다;
• 의존성의 수를 줄인다;
• 경고와 오류를 의미 있게 사용한다.