Style Convention

🐼 Style Convention

Panda CSS

• 사용 문법
  • Styled-components와 같이 styled.tag를 활용해 선언
• 중복되는 공통 properties는 styles.ts내부에 작성
• display, direction등 레이아웃 정렬에 관한 속성들은 layout.ts 내부에 작성
• font/color 은 defineConfig에서 정의된 속성으로 사용

• 전역변수는 panda.config.ts에 추가되어 있으며 사용하실 때는 var()함수를 사용해 theme내부에 정의된 tokens하위 구조를 압력해주시면 됩니다.