JAY DESIGN

Space

상단간격

상단 간격은 클래스 spacing spacing--sm spacing--xs spacing--xxs spacing--xxxs에 따라 조정된다. 컨텐츠에 클래스만 추가해도 되고, 기존 상단 마진 값이 적용되어있는경우에는, 새로운 div컨테이너에 클래스를 추가해도 된다.

상단간격1

상단간격2

상단간격3

상단간격4

상단간격5

//상단간격1
<div class="spacing">
    <button type="button" class="btn btn--primary icon-check">Test</button>
</div>

//상단간격2
<div class="spacing--sm">
    <button type="button" class="btn btn--primary icon-check">Test</button>
</div>

//상단간격3
<div class="spacing--xs">
    <button type="button" class="btn btn--primary icon-check">Test</button>
</div>

//상단간격4
<div class="spacing--xxs">
    <button type="button" class="btn btn--primary icon-check">Test</button>
</div>

//상단간격5
<div class="spacing--xxxs">
    <button type="button" class="btn btn--primary icon-check">Test</button>
</div>