Bignumber

기본 사용

<div class="gn-bignumber">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">Notifications</span>
</div>

크기

<div class="gn-bignumber is-small">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">small</span>
</div>
<div class="gn-bignumber is-normal">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">normal</span>
</div>
<div class="gn-bignumber is-medium">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">medium</span>
</div>
<div class="gn-bignumber is-large">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">large</span>
</div>

컬러

• success,warning,danger,info,cancel,dark,link,trans,secondary,mono

<div class="gn-bignumber is-primary">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">primary</span>
</div>
<div class="gn-bignumber is-secondary">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">secondary</span>
</div>
<div class="gn-bignumber is-info">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">info</span>
</div>
<div class="gn-bignumber is-success">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">success</span>
</div>
<div class="gn-bignumber is-warning">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">warning</span>
</div>
<div class="gn-bignumber is-danger">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">danger</span>
</div>
<div class="gn-bignumber is-cancel">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">cancel</span>
</div>
<div class="gn-bignumber is-mono">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">mono</span>
</div>
<div class="gn-bignumber is-trans">
  <div class="gn-bignumber-value">33.23</div>
  <span class="gn-bignumber-label">trans</span>
</div>