Issue #2400233 by emma.maria, rpayanm, Katiemouse, LewisNyman: Add reusable...

Issue #2400233 by emma.maria, rpayanm, Katiemouse, LewisNyman: Add reusable heading classes to Bartik

core/themes/bartik/css/base/elements.css

@@ -30,34 +30,51 @@ h2 a,
 .toolbar a {
   border-bottom: none !important;
 }
+
+/**
+ * Reusable heading classes are included to help modules change the styling of
+ * headings on a page without affecting accessibility
+ */
 h1,
 h2,
 h3,
 h4,
 h5,
-h6 {
+h6,
+.heading-a,
+.heading-b,
+.heading-c,
+.heading-d,
+.heading-e,
+.heading-f {
   margin: 1.0em 0 0.5em;
   font-weight: inherit;
 }
-h1 {
+h1,
+.heading-a {
   font-size: 1.357em;
   color: #000;
 }
-h2 {
+h2,
+.heading-b {
   font-size: 1.143em;
 }
-h3 {
+h3,
+.heading-c {
   font-size: 1.092em;
 }
-h4 {
+h4,
+.heading-d {
   font-size: 1.05em;
 }
-h5 {
+h5,
+.heading-e {
   font-size: 0.889em;
   text-transform: uppercase;
   letter-spacing: 0.1em;
 }
-h6 {
+h6,
+.heading-f {
   font-size: 0.67em;
   text-transform: uppercase;
   letter-spacing: 0.1em;