본문 바로가기

WSG / BUTTON

구분 small medium large round
slightly
normal
weight
weighty
weightiest

버튼이 여러개 경우 (* large class 추가시 margin-top 25px 생성됨.)

PREVIEW
markup 예시
<div class="button-area large">
	<!-- 우측위치 -->
	<span class="btn-right">
		<button type="button" class="btn normal small">버튼</button>
		<button type="button" class="btn slightly small">버튼</button>
	</span>
	<!-- 좌측위치 -->
	<span class="btn-left">
		<button type="button" class="btn normal small">버튼</button>
		<button type="button" class="btn slightly small">버튼</button>
	</span>
</div>

<!-- 센터위치 -->
<div class="button-area large">
	<button type="button" class="btn slightly small">버튼</button><button type="button" class="btn normal small">버튼</button>
</div>

<!-- 50:50 -->
<div class="button-area large half">
	<button type="button" class="btn slightly small">버튼</button>
	<button type="button" class="btn normal small">버튼</button>
</div>