Source: Styles.scss, line 65
Source: _1-atoms/_headlines.scss, line 1
1.1 Headlines
Source: _1-atoms/_headlines.scss, line 15
1.1.1 Regular headlines
Examples
Default styling
H1 Studieren an der TU Dortmund
H2 Studieren an der TU Dortmund
H3 Studieren an der TU Dortmund
H4 Studieren an der TU Dortmund
H5 Studieren an der TU Dortmund
H6 Studieren an der TU Dortmund
.highlight
Highlighted headline
H1 Studieren an der TU Dortmund
H2 Studieren an der TU Dortmund
H3 Studieren an der TU Dortmund
H4 Studieren an der TU Dortmund
H5 Studieren an der TU Dortmund
H6 Studieren an der TU Dortmund
.dark
Dark headline
H1 Studieren an der TU Dortmund
H2 Studieren an der TU Dortmund
H3 Studieren an der TU Dortmund
H4 Studieren an der TU Dortmund
H5 Studieren an der TU Dortmund
H6 Studieren an der TU Dortmund
.ce-headline-indent
Indentation
H1 Studieren an der TU Dortmund
H2 Studieren an der TU Dortmund
H3 Studieren an der TU Dortmund
H4 Studieren an der TU Dortmund
H5 Studieren an der TU Dortmund
H6 Studieren an der TU Dortmund
<h1 class="{{modifier_class}}">H1 Studieren an der TU Dortmund</h1>
<h2 class="{{modifier_class}}">H2 Studieren an der TU Dortmund</h2>
<h3 class="{{modifier_class}}">H3 Studieren an der TU Dortmund</h3>
<h4 class="{{modifier_class}}">H4 Studieren an der TU Dortmund</h4>
<h5 class="{{modifier_class}}">H5 Studieren an der TU Dortmund</h5>
<h6 class="{{modifier_class}}">H6 Studieren an der TU Dortmund</h6>
Source: _1-atoms/_headlines.scss, line 93
1.1.2 Fake headlines
Looks like matching headline tag. Use only if correct headline markup is not possible.
Examples
Default styling
A DIV element with a Headline Style
.h1
H1 fake
A DIV element with a Headline Style
.h2
H2 fake
A DIV element with a Headline Style
.h3
H3 fake
A DIV element with a Headline Style
.h4
H4 fake
A DIV element with a Headline Style
.h5
H5 fake
A DIV element with a Headline Style
.h6
H6 fake
A DIV element with a Headline Style
<div class="{{modifier_class}}">A DIV element with a Headline Style</div>
Source: _1-atoms/_headlines.scss, line 109
1.1.3 Kicker
A h1 prefix to give further context to the headline.
Examples
Default styling
Gut zu wissen
H1 Studieren an der TU Dortmund
.ce-headline-indent
Indentation
Gut zu wissen
H1 Studieren an der TU Dortmund
<span class="kicker {{modifier_class}}">Gut zu wissen</span>
<h1>H1 Studieren an der TU Dortmund</h1>