→ 해당 작업 목표 : 기존에 내 구조를 “역할 기반 + 크기 기반”으로 수정 작업하여 리팩토리
추가할 작업
네이밍 규칙
ex)
font-title-xl
font-body-md
font-caption-sm
font-alert-sm
나의 프로젝트 구조 기반으로
역할 | 파일명 | 위치 | 설명 |
---|---|---|---|
@mixin font-style() 정의 |
_mixin.scss |
styles/base/ |
폰트 스타일 믹스인을 여기서 정의합니다. |
타이틀/본문 등 텍스트 역할 스타일 정의 (mixin 호출) | _typography.scss |
styles/base/ |
타이틀, 본문, 캡션 등 실제 클래스에 mixin을 적용하는 곳입니다. |