Calmer "Example Code" headlines.

Author: Florian Kissling

docs/examples.html

@@ -47,7 +47,7 @@ <h1>The basics</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre class="code" data-fill-from=".js-code-basic"></pre>
 
@@ -78,7 +78,7 @@ <h1>Multiple select boxes</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-multiple"></pre>
 
@@ -119,7 +119,7 @@ <h1>Placeholders</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-placeholder"></pre>
 
@@ -162,7 +162,7 @@ <h1>Templating</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-templating"></pre>
 
@@ -207,7 +207,7 @@ <h1>Loading array data</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-data-array"></pre>
 
@@ -327,7 +327,7 @@ <h1>Responsive design - Percent width</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-responsive"></pre>
 
@@ -375,7 +375,7 @@ <h1>Disabled mode</h1>
     </div>
 
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-disabled"></pre>
 
@@ -413,7 +413,7 @@ <h1>Disabled results</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-disabled-results"></pre>
 
@@ -480,7 +480,7 @@ <h1>Programmatic access</h1>
     </div>
 
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-programmatic"></pre>
 
@@ -513,7 +513,7 @@ <h1>Limiting the number of selections</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-multiple-limit"></pre>
 
@@ -540,7 +540,7 @@ <h1>Hiding the search box</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-hide-search"></pre>
 
@@ -596,7 +596,7 @@ <h1>Events</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <ul class="js-event-log"></ul>
 
@@ -659,7 +659,7 @@ <h1>Tagging support</h1>
 
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-tags"></pre>
 
@@ -697,7 +697,7 @@ <h1>Automatic tokenization</h1>
 
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-tokenizer"></pre>
 
@@ -733,7 +733,7 @@ <h1>Custom matcher</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-matcher-start"></pre>
 
@@ -781,7 +781,7 @@ <h1>Diacritics support</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-diacritics"></pre>
 
@@ -814,7 +814,7 @@ <h1>Multiple languages</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-language"></pre>
 
@@ -851,7 +851,7 @@ <h1>Theme support</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-theme"></pre>
 
@@ -885,7 +885,7 @@ <h1>RTL support</h1>
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-rtl"></pre>