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