From dd2e4a95d30d2d9c4b96820bc11e1c08cb2b8c5a Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Fri, 27 Oct 2017 15:04:16 -0400
Subject: [PATCH] Reverse examples for opacity; more obvious I think

---
 docs/source/styles/opacity.blade.md | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/source/styles/opacity.blade.md b/docs/source/styles/opacity.blade.md
index c26c9f001..7d7763407 100644
--- a/docs/source/styles/opacity.blade.md
+++ b/docs/source/styles/opacity.blade.md
@@ -5,6 +5,10 @@ title: "Opacity"
 
 # Opacity
 
+<div class="text-xl text-slate-light">
+    Utilities for controlling the opacity of an element.
+</div>
+
 <div class="subnav">
     <a class="subnav-link" href="#responsive">Responsive</a>
     <a class="subnav-link" href="#customizing">Customizing</a>
@@ -14,12 +18,12 @@ Control the opacity of an element in Tailwind using the `.opacity` utilities.
 
 @component('_partials.code-sample')
 <div class="flex -mx-2">
-@foreach ($page->config['opacity'] as $name => $value)
+@foreach ($page->config['opacity']->reverse() as $name => $value)
     <div class="flex-1 text-slate text-center bg-smoke px-4 py-2 mx-2 opacity-{{ $name }}">.opacity-{{ $name }}</div>
 @endforeach
 </div>
 @slot('code')
-@foreach ($page->config['opacity'] as $name => $value)
+@foreach ($page->config['opacity']->reverse() as $name => $value)
 <div class="opacity-{{ $name }}">.opacity-{{ $name }}</div>
 @endforeach
 @endslot