Square

Basic examples

  • Blue bg
  • Pink medium bg
  • Pink dark bg
  • White bg
  • blue border
  • red border
  • with legend
  • 2 lines
10.00
10.00
10.00
10.00
10.00
10.00
10.00

repas
10.00

/10.00
Show code
<span class="square"> <span class="has-background-blue-medium">10.00</span> </span>
<span class="square"> <span class="has-background-pink-medium">10.00</span> </span>
<span class="square"> <span class="has-background-pink-dark">10.00</span> </span>
<span class="square"> <span class="has-background-white">10.00</span> </span>
<span class="square"> <span class="border-blue">10.00</span> </span>
<span class="square"> <span class="border-red">10.00</span> </span>
<span class="square"> <span class="has-background-pink-medium">10.00</span> <p>Repas</p> </span>
<span class="square"> <span class="has-background-pink-medium">10.00</span> <p>repas</p> </span>
<span class="square"> <span class="has-background-green-medium"> 10.00 <p class="square__second-line">/10.00</p> </span> </span>