From 08b6f1dd46413bbf091b037988672adaf2a062ec Mon Sep 17 00:00:00 2001
From: Jonathan Reinink <jonathan@reinink.ca>
Date: Thu, 3 Aug 2017 08:41:53 -0400
Subject: [PATCH] Add display documentation.

---
 docs/source/display.blade.php | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/docs/source/display.blade.php b/docs/source/display.blade.php
index 6275b547e..ec911efda 100644
--- a/docs/source/display.blade.php
+++ b/docs/source/display.blade.php
@@ -4,4 +4,37 @@
 
 <h1 class="title">Display</h1>
 
+<p class="mt-6 mb-3 text-dark-soft">The display utilities simply <code>display</code> property helpers.</p>
+
+<p class="mt-6 mb-3">Using the utilities in HTML:</p>
+
+<pre class="language-html"><code>{{ '<div class="block"></div>
+<div class="inline-block"></div>
+<div class="hidden"></div>
+
+<div class="table">
+    <div class="table-row">
+        <div class="table-cell"></div>
+    </div>
+</div>
+
+<!-- Responsive example -->
+<div class="lg:inline-block"></div>' }}</code></pre>
+
+<p class="mt-6 mb-3">Using the utilities in Less:</p>
+
+<pre class="language-less"><code>div {
+  .block;
+  .inline-block;
+  .table;
+  .table-row;
+  .table-cell;
+  .hidden;
+
+  // Responsive example
+  .screen(lg, {
+      .inline-block;
+  });
+}</code></pre>
+
 @endsection