Merge pull request #140 from tailwindcss/revert-138-subtitle-yaml

Revert "Move page descriptions into yaml"

Author: adamwathan

docs/source/docs/adding-new-utilities.blade.md

@@ -1,9 +1,10 @@
 ---
 extends: _layouts.documentation
 title: "Adding New Utilities"
-description: null
 ---
 
+# Adding New Utilities
+
 Although Tailwind provides a pretty comprehensive set of utility classes out of the box, you're inevitably going to run into situations where you need to add a few of your own.
 
 Deciding on the best way to extend a framework can be paralyzing, so here's some best practices and tools to help you add your own utilities "the Tailwind way."

docs/source/docs/background-color.blade.md

@@ -1,9 +1,14 @@
 ---
 extends: _layouts.documentation
-title: "Background Color"
-description: "Utilities for controlling an element's background color."
+title: "Backgrounds"
 ---
 
+# Background Color
+
+<div class="text-xl text-slate-light mb-4">
+    Utilities for controlling an element's background color.
+</div>
+
 @include('_partials.feature-badges', [
     'responsive' => true,
     'customizable' => true,

docs/source/docs/background-position.blade.md

@@ -1,9 +1,14 @@
 ---
 extends: _layouts.documentation
 title: "Background Position"
-description: "Utilities for controlling the position of an element's background image."
 ---
 
+# Background Position
+
+<div class="text-xl text-slate-light mb-4">
+    Utilities for controlling the position of an element's background image.
+</div>
+
 @include('_partials.feature-badges', [
     'responsive' => true,
     'customizable' => false,

docs/source/docs/background-size.blade.md

@@ -1,9 +1,14 @@
 ---
 extends: _layouts.documentation
 title: "Background Size"
-description: "Utilities for controlling the background size of an element's background image."
 ---
 
+# Background Size
+
+<div class="text-xl text-slate-light mb-4">
+    Utilities for controlling the background size of an element's background image.
+</div>
+
 @include('_partials.feature-badges', [
     'responsive' => true,
     'customizable' => false,

docs/source/docs/border-color.blade.md

@@ -1,9 +1,14 @@
 ---
 extends: _layouts.documentation
 title: "Border Color"
-description: "Utilities for controlling the color of an element's borders."
 ---
 
+# Border Color
+
+<div class="text-xl text-slate-light mb-4">
+    Utilities for controlling the color of an element's borders.
+</div>
+
 @include('_partials.feature-badges', [
     'responsive' => true,
     'customizable' => true,

docs/source/docs/border-radius.blade.md

@@ -1,9 +1,14 @@
 ---
 extends: _layouts.documentation
 title: "Border Radius"
-description: "Utilities for controlling the border radius of an element."
 ---
 
+# Border Radius
+
+<div class="text-xl text-slate-light mb-4">
+    Utilities for controlling the border radius of an element.
+</div>
+
 @include('_partials.feature-badges', [
     'responsive' => true,
     'customizable' => true,

docs/source/docs/border-style.blade.md

@@ -1,9 +1,14 @@
 ---
 extends: _layouts.documentation
 title: "Border Style"
-description: "Utilities for controlling the style of an element's borders."
 ---
 
+# Border Style
+
+<div class="text-xl text-slate-light mb-4">
+    Utilities for controlling the style of an element's borders.
+</div>
+
 @include('_partials.feature-badges', [
     'responsive' => true,
     'customizable' => false,

docs/source/docs/border-width.blade.md

@@ -1,9 +1,14 @@
 ---
 extends: _layouts.documentation
 title: "Border Width"
-description: "Utilities for controlling the width an element's borders."
 ---
 
+# Border Width
+
+<div class="text-xl text-slate-light mb-4">
+    Utilities for controlling the width an element's borders.
+</div>
+
 @include('_partials.feature-badges', [
     'responsive' => true,
     'customizable' => true,

docs/source/docs/colors.blade.md

@@ -1,9 +1,10 @@
 ---
 extends: _layouts.documentation
 title: "Colors"
-description: null
 ---
 
+# Colors
+
 Developing an organized, consistent and beautiful color palette is critical to the design success of a project. Tailwind provides a fantastic color system that makes this very easy to accomplish.
 
 ## Default color palette

docs/source/docs/configuration.blade.md

@@ -1,9 +1,10 @@
 ---
 extends: _layouts.documentation
 title: "Configuration"
-description: null
 ---
 
+# Configuration
+
 Tailwind's defining feature is its ability to be customized. We understand that no two projects are the same, so why should the CSS framework you use be? Tailwind provides developers with a helpful set of front-end conventions, while still leaving room for adjustments where appropriate. This is all done using the Tailwind config file.
 
 ## Introducing the Tailwind config