<template>
  <VCard title="Headlines">
    <VCardText>
      <VRow>
        <VCol cols="12">
          <h1 class="text-h1">
            Heading 1
          </h1>
          <span>font-size: 2.375rem / line-height: 3.25rem / font-weight: 500</span>
        </VCol>

        <VCol cols="12">
          <h2 class="text-h2">
            Heading 2
          </h2>
          <span>font-size: 2rem / line-height: 2.75rem / font-weight: 500</span>
        </VCol>

        <VCol cols="12">
          <h3 class="text-h3">
            Heading 3
          </h3>
          <span>font-size: 1.625rem / line-height: 2.25rem / font-weight: 500</span>
        </VCol>

        <VCol cols="12">
          <h4 class="text-h4">
            Heading 4
          </h4>
          <span>font-size: 1.375rem / line-height: 1.875rem / font-weight: 500</span>
        </VCol>

        <VCol cols="12">
          <h5 class="text-h5">
            Heading 5
          </h5>
          <span>font-size: 1.125rem  / line-height: 1.5rem / font-weight: 500</span>
        </VCol>

        <VCol cols="12">
          <h6 class="text-h6">
            Heading 6
          </h6>
          <span>font-size: 0.9375rem / line-height: 1.3125rem / font-weight: 500</span>
        </VCol>
      </VRow>
    </VCardText>
  </VCard>
</template>
