Merge pull request #142 from mattstauffer/badges-yaml-2

Move badges into yaml

Author: adamwathan

docs/source/_layouts/documentation.blade.php

@@ -198,6 +198,10 @@
                     </div>
                     @endif
 
+                    @if($page->features)
+                        @include('_partials.feature-badges', $page->features->toArray())
+                    @endif
+
                     @yield('content')
                 </div>
             </div>

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

@@ -2,15 +2,13 @@
 extends: _layouts.documentation
 title: "Background Color"
 description: "Utilities for controlling an element's background color."
+features:
+  responsive: true
+  customizable: true
+  hover: true
+  focus: false
 ---
 
-@include('_partials.feature-badges', [
-    'responsive' => true,
-    'customizable' => true,
-    'hover' => true,
-    'focus' => false
-])
-
 @include('_partials.work-in-progress')
 
 <div class="border-t border-grey-lighter">

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

@@ -2,15 +2,13 @@
 extends: _layouts.documentation
 title: "Background Position"
 description: "Utilities for controlling the position of an element's background image."
+features:
+  responsive: true
+  customizable: false
+  hover: false
+  focus: false
 ---
 
-@include('_partials.feature-badges', [
-    'responsive' => true,
-    'customizable' => false,
-    'hover' => false,
-    'focus' => false
-])
-
 @include('_partials.work-in-progress')
 
 <div class="border-t border-grey-lighter">

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

@@ -2,15 +2,13 @@
 extends: _layouts.documentation
 title: "Background Size"
 description: "Utilities for controlling the background size of an element's background image."
+features:
+  responsive: true
+  customizable: false
+  hover: false
+  focus: false
 ---
 
-@include('_partials.feature-badges', [
-    'responsive' => true,
-    'customizable' => false,
-    'hover' => false,
-    'focus' => false
-])
-
 @include('_partials.work-in-progress')
 
 <div class="border-t border-grey-lighter">

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

@@ -2,15 +2,13 @@
 extends: _layouts.documentation
 title: "Border Color"
 description: "Utilities for controlling the color of an element's borders."
+features:
+  responsive: true
+  customizable: true
+  hover: true
+  focus: false
 ---
 
-@include('_partials.feature-badges', [
-    'responsive' => true,
-    'customizable' => true,
-    'hover' => true,
-    'focus' => false
-])
-
 @include('_partials.work-in-progress')
 
 <div class="border-t border-grey-lighter">

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

@@ -2,15 +2,13 @@
 extends: _layouts.documentation
 title: "Border Radius"
 description: "Utilities for controlling the border radius of an element."
+features:
+  responsive: true
+  customizable: true
+  hover: false
+  focus: false
 ---
 
-@include('_partials.feature-badges', [
-    'responsive' => true,
-    'customizable' => true,
-    'hover' => false,
-    'focus' => false
-])
-
 <div class="border-t border-grey-lighter">
     <table class="w-full text-left" style="border-collapse: collapse; table-layout: fixed;">
         <colgroup>

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

@@ -2,15 +2,13 @@
 extends: _layouts.documentation
 title: "Border Style"
 description: "Utilities for controlling the style of an element's borders."
+features:
+  responsive: true
+  customizable: false
+  hover: false
+  focus: false
 ---
 
-@include('_partials.feature-badges', [
-    'responsive' => true,
-    'customizable' => false,
-    'hover' => false,
-    'focus' => false
-])
-
 @include('_partials.work-in-progress')
 
 <div class="border-t border-grey-lighter">

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

@@ -2,15 +2,13 @@
 extends: _layouts.documentation
 title: "Border Width"
 description: "Utilities for controlling the width an element's borders."
+features:
+  responsive: true
+  customizable: true
+  hover: false
+  focus: false
 ---
 
-@include('_partials.feature-badges', [
-    'responsive' => true,
-    'customizable' => true,
-    'hover' => false,
-    'focus' => false
-])
-
 @include('_partials.work-in-progress')
 
 Add borders to any element using the `.border{-side?}{-width?}` syntax.

docs/source/docs/cursor.blade.md

@@ -2,15 +2,13 @@
 extends: _layouts.documentation
 title: "Cursor"
 description: "Utilities for controlling the cursor style when hovering over an element."
+features:
+  responsive: true
+  customizable: false
+  hover: false
+  focus: false
 ---
 
-@include('_partials.feature-badges', [
-    'responsive' => true,
-    'customizable' => false,
-    'hover' => false,
-    'focus' => false
-])
-
 @include('_partials.work-in-progress')
 
 <div class="border-t border-grey-lighter">

docs/source/docs/display.blade.md

@@ -2,15 +2,13 @@
 extends: _layouts.documentation
 title: "Display"
 description: "Utilities for controlling the display box type of an element."
+features:
+  responsive: true
+  customizable: false
+  hover: false
+  focus: false
 ---
 
-@include('_partials.feature-badges', [
-    'responsive' => true,
-    'customizable' => false,
-    'hover' => false,
-    'focus' => false
-])
-
 @include('_partials.work-in-progress')
 
 <div class="border-t border-grey-lighter">