Top-level pages

docs/documentation/overview/classes.html

@@ -1,6 +1,5 @@
 ---
 title: CSS classes
-subtitle: "Bulma is simply a <strong>collection</strong> of CSS classes. Write the HTML code you want."
 layout: documentation
 doc-tab: overview
 doc-subtab: classes

docs/documentation/overview/colors.html

@@ -1,6 +1,5 @@
 ---
 title: Colors
-subtitle: "The <strong>colors</strong> that <strong>style</strong> most Bulma elements and components"
 layout: documentation
 doc-tab: overview
 doc-subtab: colors

docs/documentation/overview/customize.html

@@ -1,6 +1,5 @@
 ---
 title: Customize Bulma with Sass
-subtitle: "Create your <strong>own theme</strong> with a simple set of <strong>variables</strong>"
 layout: documentation
 doc-tab: overview
 doc-subtab: customize

docs/documentation/overview/functions.html

@@ -1,6 +1,5 @@
 ---
 title: Functions
-subtitle: "Utility functions to calculate colors and other values"
 layout: documentation
 doc-tab: overview
 doc-subtab: functions

docs/documentation/overview/mixins.html

@@ -1,6 +1,5 @@
 ---
 title: Mixins
-subtitle: "Utility mixins for custom elements and responsive helpers"
 layout: documentation
 doc-tab: overview
 doc-subtab: mixins

docs/documentation/overview/modular.html

@@ -1,6 +1,5 @@
 ---
 title: Modularity
-subtitle: "Just import what you <strong>need</strong>"
 layout: documentation
 doc-tab: overview
 doc-subtab: modular
@@ -99,5 +98,8 @@ breadcrumb:
       <code>[disabled]</code>
     </li>
   </ul>
-  {% highlight html %}{{ buttons }}{% endhighlight %}
+
+  <div class="bd-snippet-code highlight-full">
+    {% highlight html %}{{ buttons }}{% endhighlight %}
+  </div>
 </div>

docs/documentation/overview/responsiveness.html

@@ -1,6 +1,5 @@
 ---
 title: Responsiveness
-subtitle: "Bulma is a <strong>mobile-first</strong> framework"
 layout: documentation
 doc-tab: overview
 doc-subtab: responsiveness
@@ -36,7 +35,7 @@ $fullhd-enabled: false
     <li>the <code>level</code> component will show its children stacked vertically</li>
     <li>the <code>nav</code> menu will be hidden</li>
   </ul>
-  <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
+  <p>You can however enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
 </div>
 
 {% include anchor.html name="Breakpoints" %}

docs/documentation/overview/start.html

@@ -1,6 +1,5 @@
 ---
 title: Getting started with Bulma
-subtitle: "You only need <strong>1 CSS file</strong> to use Bulma"
 layout: documentation
 doc-tab: overview
 doc-subtab: start

docs/documentation/overview/variables.html

@@ -1,6 +1,5 @@
 ---
 title: Variables
-subtitle: "Easily <strong>customize</strong> Bulma to match your design"
 layout: documentation
 doc-tab: overview
 doc-subtab: variables