scss - 속성 순서 규칙

scss 작성시 일정한 규칙에 의해 작성해주는 것이 좋다고 한다.

순서는 아래와 같다.

1. Layout Properties (position, float, clear, display)
2. Box Model Properties (width, height, margin, padding)
3. Visual Properties (color, background, border, box-shadow)
4. Typography Properties (font-size, font-family, text-align, text-transform)
5. Misc Properties (cursor, overflow, z-index)

import 컨벤션도 추가

1. React
2. Library(Package)
3. Component
4. 변수 / 이미지
5. css 파일(scss 파일)