From e6a78937aaa4926492b6ec608d64e7ca56b7bc19 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Mon, 30 Oct 2017 17:55:54 -0400
Subject: [PATCH] Add docs for rounding sides separately

---
 docs/source/docs/border-radius.blade.md | 21 +++++++++++++++++++--
 docs/source/mix-manifest.json           |  5 +++++
 2 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 docs/source/mix-manifest.json

diff --git a/docs/source/docs/border-radius.blade.md b/docs/source/docs/border-radius.blade.md
index 068f55e88..0a2477c80 100644
--- a/docs/source/docs/border-radius.blade.md
+++ b/docs/source/docs/border-radius.blade.md
@@ -127,9 +127,26 @@ Use `.rounded-none` to remove an existing border radius from an element.
 This is most commonly used to remove a border radius that was applied at a smaller breakpoint.
 
 @component('_partials.code-sample', ['class' => 'flex justify-around text-sm py-8'])
-<div class="p-4 shadow-none bg-grey-light">.shadow-none</div>
+<div class="p-4 rounded-none bg-grey-light">.rounded-none</div>
 @slot('code')
-<div class="shadow-none"></div>
+<div class="rounded-none"></div>
+@endslot
+@endcomponent
+
+## Rounding sides separately
+
+Use the `.rounded-t`, `.rounded-r`, `.rounded-b`, or `.rounded-l` utilities to only round one side of an element.
+
+@component('_partials.code-sample', ['class' => 'flex justify-around text-sm'])
+<div class="bg-grey-light mr-3 p-4 rounded-lg rounded-t">.rounded-t</div>
+<div class="bg-grey-light mr-3 p-4 rounded-lg rounded-r">.rounded-r</div>
+<div class="bg-grey-light mr-3 p-4 rounded-lg rounded-b">.rounded-b</div>
+<div class="bg-grey-light p-4 rounded-lg rounded-l">.rounded-l</div>
+@slot('code')
+<div class="rounded-t"></div>
+<div class="rounded-r"></div>
+<div class="rounded-b"></div>
+<div class="rounded-t"></div>
 @endslot
 @endcomponent
 
diff --git a/docs/source/mix-manifest.json b/docs/source/mix-manifest.json
new file mode 100644
index 000000000..f3177e107
--- /dev/null
+++ b/docs/source/mix-manifest.json
@@ -0,0 +1,5 @@
+{
+    "/js/app.js": "/js/app.js?id=d0e10505c3df7d94bf87",
+    "/js/nav.js": "/js/nav.js?id=d3b9e827e277824739e0",
+    "/css/main.css": "/css/main.css?id=0918e28676fcaa4f5838"
+}
\ No newline at end of file