깜놀하는 해므찌로

HTML Semantic tag / Angular - tailwind @apply 사용 예시 본문

IT

HTML Semantic tag / Angular - tailwind @apply 사용 예시

agnusdei1207 2023. 6. 14. 13:38
반응형
SMALL

1. page.scss 생성

 

 

main {
  @apply flex flex-col gap-5 px-6 py-7;
}

2. 메인 태그 default CSS 설정

3. @apply : tailwind 사용 가능

 

 

 

@import "./theme/page.scss";

4. global.scss 에 import 하기

반응형
LIST

'IT' 카테고리의 다른 글

IONIC ion modal custom radius 속성 주기 예시 / angular ionic  (0) 2023.06.14
Angular router config 활용 예시  (0) 2023.06.14
Angular Kakao API Login 앵귤러 카카오 로그인 side of frontend  (0) 2023.06.14
Angular input date set value / 앵귤러 input type date 값 셋팅 예시  (0) 2023.06.13
tailwind 커스텀 추가 예시  (0) 2023.06.13
'IT' Related Articles more