Use styles from vocabulary package for headings

Styles in styles.scss were created as temporary before the vocabulary package is ready. Since the styles for headings are available in vocabulary package now, they were removed from the styles.scss.

Author: obulat

src/components/HelpSection.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="help-section">
-        <h3 class="vocab ha h3a">
+        <h3 class="vocab">
             {{ $t('help.heading') }}
         </h3>
         <ul class="help-links">

src/components/LicenseDetailsCard.vue

@@ -1,9 +1,9 @@
 <template>
     <div class="selected-license-card">
-        <h3 class="vocab ha h3a">
+        <h3 class="vocab">
             {{ $t('license-details-card.heading') }}
         </h3>
-        <h4 class="vocab h4b hb">
+        <h4 class="vocab b-header">
             <a
                 :href="licenseUrl('web')"
                 class="license-name"

src/components/LicenseUseCard.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="license-use-card">
-        <h4 class="vocab h4b hb">
+        <h4 class="vocab b-header">
             {{ $t('license-use.heading') }}
         </h4>
         <p class="license-use-instructions">

src/components/Stepper.vue

@@ -9,7 +9,7 @@
                 :class="['step-header']"
                 @click="setActiveStep(step.id)"
             >
-                <h5 class="step-title vocab hb h5b">
+                <h5 class="step-title vocab b-header">
                     {{ $t(stepHeaderText(step.name, step.status)) }}
                 </h5>
             </div>

src/styles/vocab.scss

@@ -1,48 +1,3 @@
-/* Vocabulary Header styles */
-.vocab.ha {
-    font-family: Roboto Condensed,sans-serif;
-    font-weight: bold;
-    font-style: normal;
-    letter-spacing: 0.02em;
-    padding-bottom: 0.5rem;
-}
-.vocab.hb {
-    font-family: Source Sans Pro,sans-serif;
-    font-weight: bold;
-    font-style: normal;
-    padding-bottom: 0.5rem;
-}
-.vocab.h2a {
-    color: black;
-    font-size: 36px;
-    line-height: 47px;
-}
-.vocab.h3a {
-    font-size: 28px;
-    line-height: 36px;
-    color: black;
-}
-.vocab.h3b {
-    font-size: 28px;
-    line-height: 33px;
-}
-.vocab.h4a {
-    font-size: 23px;
-    line-height: 30px;
-}
-.vocab.h4b {
-    font-size: 23px;
-    line-height: 27px;
-}
-.vocab.h5a {
-    font-size: 20px;
-    line-height: 30px;
-}
-.vocab.h5b {
-    font-size: 20px;
-    line-height: 26px;
-}
-
 /* Vocabulary Text styles */
 .vocab-body {
     font-style: normal;
@@ -86,3 +41,7 @@
     width: 35px;
     height: 35px;
 }
+// Remove underlines from Previous/Next buttons
+a, a:hover {
+    text-decoration: none;
+}