가이드
1 2 3 4 5 6 | <div class= "label-flx-col"> <div class="pnt-label--group"> <div class="label-main">label</div> <div class="label-options">place options here </div> </div> |
따라서 추가로 붙는 클래스들은 필수클래스의 부모(parent)에 추가합니다.
부모의 태그는 div, ul, li 중에 사용해주세요.
[필수 클래스]
- pnt-label--group
[정렬]
- 좌우 정렬
- label-flx-start
- 정렬 방식
- label-flx-col
[그 외]
- 메인 라벨 길이
- pnt-label-1
- pnt-label-2
- pnt-label-3
- pnt-label-4
- pnt-label-5
- pnt-label-6
- pnt-label-7
- pnt-label-8
- pnt-label-9
- pnt-label-10
좌우 정렬
label
기본
label
label-flx-start
정렬 방식
label
기본
label
label-flx-col
좌우 정렬시 라벨 길이
label
label
label
pnt-label-1
label
label
label
pnt-label-10