refactor: remove headline element – is replaced by base/typography styles

Author: annsch

source/_patterns/01-elements/headline/_headline.hbs

@@ -3,7 +3,7 @@
 {{/if }}
 <dialog id="{{ id }}" class="cmp-dialog">
 	<header>
-		{{> elements-headline type='2' text='Modal' id='' }}
+		<h2>Modal</h2>
 		{{> elements-link styleModifier='is-close' href='#' value='Close' title='Close the dialog' }}
 	</header>
 	<main>

source/_patterns/01-elements/headline/_headline.json

@@ -47,6 +47,7 @@
 
 		transform: translateY(-#{to-rem($pxValue: 9)});
 
+		// TODO use base typography placeholder for headlines
 		.elm-headline {
 			font-size: to-rem($pxValue: 18);
 			font-weight: 700;

source/_patterns/01-elements/headline/_headline.variables.scss

@@ -1,6 +1,6 @@
 {{! TODO: evaluate on the correct role and aria-label in here - there's a duplicate currently with both label and labelledby (prefered) }}
 <nav class="cmp-pagination" aria-label="pagination" aria-labelledby="headline01">
-	{{> elements-headline type='2' text='Pagination' id='headline01' }}
+	<h2 id="headline01">Pagination</h2>
 	<ol>
 		<li>{{> elements-link value='Previous' title='Goto previous page' rel='prev' disabled='true' }}</li>
 		<li>{{> elements-link value='1' current='page' }}</li>