Image

기본 사용

• 이미지가 늦게 표시되더라도 레이아웃에 영향을 주지 않게하기 위해서 사전 사이즈 정의가 필요
• 필요한 사이즈는 $imgSizes 에 추가하여 사용

<div class="gn-image is-12">
  <img src="../../../assets/image.png" alt="polar bear">
</div>
<div class="gn-image is-24">
  <img src="../../../assets/image.png" alt="polar bear">
</div>
<div class="gn-image is-36">
  <img src="../../../assets/image.png" alt="polar bear">
</div>
<div class="gn-image is-48">
  <img src="../../../assets/image.png" alt="polar bear">
</div>
<div class="gn-image is-60">
  <img src="../../../assets/image.png" alt="polar bear">
</div>
<div class="gn-image is-96">
  <img src="../../../assets/image.png" alt="polar bear">
</div>

Round

<div class="gn-image is-60 is-round">
  <img src="../../../assets/image.png" alt="polar bear">
</div>

비율

• 사용가능: 4x2, 3x4, 4x3, 6x4, 4x6

<div class="gn-image is-4x2">
  <img src="../../../assets/image.png" alt="polar bear">
</div>