<template>
  <VCard title="Headlines">
    <VCardText>
      <VRow>
        <VCol cols="12">
          <h1 class="text-h1">
            Heading 1
          </h1>
          <span>size: 64 / l-height: 80 / weight:800 / letterSpacing: 0</span>
        </VCol>

        <VCol cols="12">
          <h2 class="text-h2">
            Heading 2
          </h2>
          <span>size: 48 / l-height: 64 / weight:800 / letterSpacing: 0</span>
        </VCol>

        <VCol cols="12">
          <h3 class="text-h3">
            Heading 3
          </h3>
          <span>size: 32 / l-height: 48 / weight:700 / letterSpacing: 0</span>
        </VCol>

        <VCol cols="12">
          <h4 class="text-h4">
            Heading 4
          </h4>
          <span>size: 24 / l-height: 36 / weight:700 / letterSpacing: 0</span>
        </VCol>

        <VCol cols="12">
          <h5 class="text-h5">
            Heading 5
          </h5>
          <span>size: 20 / l-height: 30 / weight:700 / letterSpacing: 0</span>
        </VCol>

        <VCol cols="12">
          <h6 class="text-h6">
            Heading 6
          </h6>
          <span>size: 18 / l-height: 28 / weight:700 / letterSpacing: 0</span>
        </VCol>
      </VRow>
    </VCardText>
  </VCard>
</template>
