Etat Pur Design System

Reenie Beanie 

<div class="my-14 font-ReenieBeanie">
        <span class="border-b border-black text-3xl">ReenieBeanie</span>
        <div class="mt-10 font-medium">
            <div class="underline">Medium (500)</div>
            <div>0123456789</div>
            <div>!"#$%&'()*+,-./:;<=>?@{|}~</div>
            <div>ABCDEFGHIJKLMNOPQRSTUVWXYZ</div>
            <div>abcdefghijklmnopqrstuvwxyz</div>
        </div>
    </div>
 
{% for family in families %}
    <div class="my-14 {{ family.class }}">
        <span class="border-b border-black text-3xl">{{ family.label }}</span>
        {% for weight in weights %}
            <div class="mt-10 {{ weight.class }}">
                <div class="underline">{{ weight.label }} ({{ weight.weight }})</div>
                <div>0123456789</div>
                <div>!"#$%&'()*+,-./:;<=>?@{|}~</div>
                <div>ABCDEFGHIJKLMNOPQRSTUVWXYZ</div>
                <div>abcdefghijklmnopqrstuvwxyz</div>
            </div>
        {% endfor %}
    </div>
{% endfor %}
 
{
  "families": [
    {
      "label": "ReenieBeanie",
      "class": "font-ReenieBeanie"
    }
  ],
  "weights": [
    {
      "label": "Medium",
      "class": "font-medium",
      "weight": 500
    }
  ]
}
  • Handle: @reenie_beanie
  • Preview:
  • Filesystem Path: src/components/atoms/typography/reenie_beanie/reenie_beanie.twig

No notes defined.