[Sass] 폴더 관리 및 초기셋팅

soso·2022년 7월 7일
0
post-custom-banner

1. abstracts

프로젝트에서 사용되는 모든 sass 도구와 헬퍼의 모음.
다른 폴더에 정의된 스타일을 도와줌.
utilities 혹은 helpers로 불릴수도 있음.

✅_mixins.scss
✅_variables.scss

2. base

보일러플레이트 코드의 모음.
+보일러플레이트란
최소한의 변경으로 여러곳에서 재사용되며, 반복적으로 비슷한 형태를 띄는 코드.

✅_preset.scss -> 공통적으로 쓰이는 것들
✅_reset.scss -> 초기화
✅_typography.scss -> 타이포그래피 규칙

3. components

슬라이더, 위젯, 버튼 등 공통적으로 사용되는 것들.

✅_button.scss
✅_title.scss

4. layout

폼 스타일의 주요 부분.

✅_header.scss
✅_footer.scss

5. page

해당 페이지에 한정되어 있는 스타일.

✅_main.scss

profile
기록하는 퍼블리셔📝
post-custom-banner

0개의 댓글